You are here

Home » API reference » Better Exposed Filters 8.3

better_exposed_filters.css in Better Exposed Filters 8.3

Same filename and directory in other branches
  1. 8.5 css/better_exposed_filters.css
  2. 8.4 css/better_exposed_filters.css

better_exposed_filters.css

Basic styling for features added by Better Exposed Filters

File

css/better_exposed_filters.css
View source 
  1. /**

  2.  * @file

  3.  * better_exposed_filters.css

  4.  *

  5.  * Basic styling for features added by Better Exposed Filters

  6.  */

  7. .bef-exposed-form .form--inline .form-item {

  8.   float: none;

  9. }

  10. .bef-exposed-form .form--inline > .form-item {

  11.   float: left; /* LRT */

  12. }

  13. 

  14. /*

  15.  * Visually hiding the autosubmit button if the setting is set.

  16.  * We're doing it this way, instead of the regular .js-hide dispay: none;

  17.  * core way for two reasons:

  18.  * - This way, the button is still visible for screenreaders

  19.  * - There is an issue with Safari, where pressing enter in an textfield that

  20.  *   has display: none; does not trigger a ajax submit.

  21.  */

  22. .js .js-bef-hide {

  23.   position: absolute;

  24.   left: -99999px;

  25.   height: 0;

  26.   width: 0;

  27.   overflow: hidden;

  28. }

  29. 

  30. /* Commenting out CSS additions until they are proven to be needed in D8. */

  31. 

  32. /*

  33.  * Prevents collapsed filters from disappearing completely

  34. fieldset.bef-select-as-radios-fieldset.collapsed legend,

  35. fieldset.bef-select-as-checkboxes-fieldset.collapsed legend

  36. {

  37.   position: relative;

  38. }

  39.  */

  40. 

  41. /*

  42.  * Styles for the jQuery UI slider widgets.

  43. .bef-slider.ui-slider-horizontal {

  44.   margin-top: 6px;

  45. }

  46. .bef-slider.ui-slider-vertical {

  47.   margin-top: 12px;

  48. }

  49. */