diff options
Diffstat (limited to 'www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less')
-rw-r--r-- | www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less b/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less new file mode 100644 index 00000000..07e43c00 --- /dev/null +++ b/www/wiki/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less @@ -0,0 +1,40 @@ +@import 'mediawiki.mixins'; +@import 'mediawiki.ui/variables'; +@import 'mw.rcfilters.variables'; + +.mw-rcfilters-ui-filterMenuOptionWidget { + .mw-rcfilters-ui-filterMenuSectionOptionWidget ~ & { + padding-left: 12 / @font-size-system-ui / @font-size-vector; + } + + &.oo-ui-flaggedElement-muted { + &:not( .oo-ui-optionWidget-selected ) { + // Namespaces are muted 'the other way around' when they + // are also inverted, so if they are also selected, we + // should make sure the selected background is shown rather + // than the muted one + background-color: @colorGray15; + } + + .mw-rcfilters-ui-itemMenuOptionWidget-label-title, + .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { + color: @colorGray5; + } + + &.oo-ui-optionWidget-highlighted { + // Copying over styles from OOUI, since it must + // override our 'muted' state + background-color: @colorGray14; + color: @colorGray1; + } + } + + // Override OOUI's pretty specific + // `.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header` + // selector + .mw-rcfilters-ui-itemMenuOptionWidget-itemCheckbox > .oo-ui-fieldLayout > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { + padding-top: 0; + padding-bottom: 0; + padding-left: 12 / @font-size-system-ui / @font-size-vector; + } +} |