RCFilters: Override highlighted background

Muted state has overridden the 'highlighted' state which meant that
arrow movement weren't visible on items that were muted. This fix
corrects that.

Bug: T159768
Change-Id: I9d853eb3de1e482bd01e27635e92af505176eef5

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less
index 78ea014..28aae6c 100644 (file)
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less
@@ -3,9 +3,18 @@
 .mw-rcfilters-ui-filterMenuOptionWidget {
        &.oo-ui-flaggedElement-muted {
                background-color: #f8f9fa; // Base90 AAA
+
                .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
                .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
                        color: #54595d; // Base20 AAA
                }
+
+               &.oo-ui-optionWidget-highlighted {
+                       // Copying over styles from OOUI, since it must
+                       // override our 'muted' state
+                       background-color: #eaecf0;
+                       color: #000;
+               }
        }
+
 }