search-widget-admin-ui.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. .jetpack-search-filters-widget__filter {
  2. background: #f9f9f9;
  3. border: 1px solid #dfdfdf;
  4. padding: 0 12px;
  5. margin-bottom: 12px;
  6. cursor: move;
  7. }
  8. .jetpack-search-filters-widget__controls {
  9. text-align: right;
  10. }
  11. .jetpack-search-filters-widget .jetpack-search-filters-widget__sort-controls-enabled {
  12. margin-left: 24px;
  13. }
  14. .jetpack-search-filters-widget__controls .delete {
  15. color: #a00;
  16. }
  17. .jetpack-search-filters-widget.hide-filters .jetpack-search-filters-widget__filter {
  18. display: none;
  19. }
  20. .button.jetpack-search-filters-widget__add-filter {
  21. margin-bottom: 10px;
  22. }
  23. /* Assume that taxonomy select is the default selected. Other controls should be hidden here. */
  24. .jetpack-search-filters-widget__post-type-select {
  25. display: none;
  26. }
  27. .jetpack-search-filters-widget__date-histogram-select {
  28. display: none;
  29. }
  30. .jetpack-search-filters-widget__filter-placeholder {
  31. border: 1px #555 dashed;
  32. background-color: #eee;
  33. height: 286px;
  34. margin-bottom: 12px;
  35. }
  36. /* When post type is selected, remove the other controls */
  37. .jetpack-search-filters-widget__filter.is-post_type .jetpack-search-filters-widget__taxonomy-select {
  38. display: none;
  39. }
  40. /* When date is selected, remove the other controls */
  41. .jetpack-search-filters-widget__filter.is-date_histogram .jetpack-search-filters-widget__date-histogram-select {
  42. display: inline;
  43. }
  44. .jetpack-search-filters-widget__filter.is-date_histogram .jetpack-search-filters-widget__taxonomy-select {
  45. display: none;
  46. }
  47. .jetpack-search-filters-widget.hide-post-types .jetpack-search-filters-widget__post-types-select {
  48. display: none;
  49. }
  50. .jetpack-search-filters-help:before {
  51. display: inline-block;
  52. position: relative;
  53. font-family: dashicons;
  54. font-size: 20px;
  55. top: 5px;
  56. line-height: 1px;
  57. content:"\f223";
  58. }
  59. .jetpack-search-filters-help {
  60. padding: 5px 5px 15px 0;
  61. }
  62. .jetpack-search-filters-widget__post-types-select label {
  63. display: block;
  64. margin-bottom: 4px;
  65. }
  66. .jetpack-search-filters-widget__post-types-select input[type="checkbox"] {
  67. margin-left: 24px;
  68. }
  69. body.no-js .jetpack-search-filters-widget__add-filter-wrapper {
  70. display: none;
  71. }