You are here

global_filter.css in Views Global Filter 7

Same filename and directory in other branches
  1. 8 global_filter.css
  2. 6 global_filter.css
/* CSS for Global Filter module */

/* Inline some widgets */
.global-filter .form-checkboxes .form-item,
.global-filter .form-radios .form-item,
.global-filter .global-filter-links li {
  display: inline-block;
}
.global-filter .start-date-wrapper,
.global-filter .end-date-wrapper {
  display: inline;
}

/* Inline simple textfields and simple selects, but not multi-selects */
.global-filter .form-item.form-type-select,
.global-filter .form-item.form-type-textfield {
  display: inline-block;
}
.global-filter .global-filter-set-multiselect,
.global-filter .global-filter-set-all {
  display: block;
}

/* Prevent range and date_text widget inputs from growing excessively long */
.global-filter .form-item-from input,
.global-filter .form-item-to input,
.global-filter .form-type-date-popup input,
.global-filter .form-type-date-text input {
  max-width: 156px; /* same as date_popup */
}
.global-filter .form-item-from,
.global-filter .form-item-to {
  padding-left: 10px;
  padding-right: 10px;
}
/* Textfields have tendency to extend beyond RHS of container, if narrow */
.global-filter input {
  max-width: 100%;
}

/* Links widget */
.global-filter .global-filter-links {
  margin-left: 0;
}
.global-filter .global-filter-links li {
  margin-right: 2em;
}
.global-filter .global-filter-links a.active {
  font-weight: bold;
}
.global-filter .suffix {
  display: none;
  font-style: italic;
}
/* To horizontally line-up vertical sliders */
.global-filter .field-widget-slide-with-style-slider {
  display: inline-block; /* block may be better for horizontal */
  margin-right: 0.5em;
}

File

global_filter.css
View source
  1. /* CSS for Global Filter module */
  2. /* Inline some widgets */
  3. .global-filter .form-checkboxes .form-item,
  4. .global-filter .form-radios .form-item,
  5. .global-filter .global-filter-links li {
  6. display: inline-block;
  7. }
  8. .global-filter .start-date-wrapper,
  9. .global-filter .end-date-wrapper {
  10. display: inline;
  11. }
  12. /* Inline simple textfields and simple selects, but not multi-selects */
  13. .global-filter .form-item.form-type-select,
  14. .global-filter .form-item.form-type-textfield {
  15. display: inline-block;
  16. }
  17. .global-filter .global-filter-set-multiselect,
  18. .global-filter .global-filter-set-all {
  19. display: block;
  20. }
  21. /* Prevent range and date_text widget inputs from growing excessively long */
  22. .global-filter .form-item-from input,
  23. .global-filter .form-item-to input,
  24. .global-filter .form-type-date-popup input,
  25. .global-filter .form-type-date-text input {
  26. max-width: 156px; /* same as date_popup */
  27. }
  28. .global-filter .form-item-from,
  29. .global-filter .form-item-to {
  30. padding-left: 10px;
  31. padding-right: 10px;
  32. }
  33. /* Textfields have tendency to extend beyond RHS of container, if narrow */
  34. .global-filter input {
  35. max-width: 100%;
  36. }
  37. /* Links widget */
  38. .global-filter .global-filter-links {
  39. margin-left: 0;
  40. }
  41. .global-filter .global-filter-links li {
  42. margin-right: 2em;
  43. }
  44. .global-filter .global-filter-links a.active {
  45. font-weight: bold;
  46. }
  47. .global-filter .suffix {
  48. display: none;
  49. font-style: italic;
  50. }
  51. /* To horizontally line-up vertical sliders */
  52. .global-filter .field-widget-slide-with-style-slider {
  53. display: inline-block; /* block may be better for horizontal */
  54. margin-right: 0.5em;
  55. }