RCFilters UI: Highlight behavior

[lhc/web/wiklou.git] / resources / src / mediawiki.rcfilters / styles / mw.rcfilters.ui.FilterItemWidget.less

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemWidget.less
index ad0b816..293f3c3 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemWidget.less
@@ -1,18 +1,37 @@
+@import "mediawiki.mixins";
+
 .mw-rcfilters-ui-filterItemWidget {
-       padding-left: 0.5em;
+       padding: 0 0.5em;
+       .box-sizing( border-box );
+
+       .mw-rcfilters-ui-table {
+               padding-top: 0.5em;
+       }
 
-       &-label {
-               &-title {
-                       font-weight: bold;
-                       font-size: 1.2em;
-                       color: #222;
+       &-filterCheckbox {
+               &-label {
+                       &-title {
+                               font-weight: bold;
+                               font-size: 1.2em;
+                               color: #222;
+                       }
+                       &-desc {
+                               color: #464a4f;
+                       }
                }
-               &-desc {
-                       color: #464a4f;
+
+               .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
+                       // Override margin-top and -bottom rules from FieldLayout
+                       margin: 0 !important;
+               }
+
+               &-muted {
+                       opacity: 0.5;
                }
        }
 
-       .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
-               margin-bottom: 0 !important;
+       &-highlightButton {
+               width: 4em;
+               padding-left: 1em;
        }
 }