From: Moriel Schottlender <moriel@gmail.com>
Date: Thu, 23 Feb 2017 23:59:51 +0000 (-0800)
Subject: RCFilters UI: Fix mute state styling
X-Git-Tag: 1.31.0-rc.0~3995^2
X-Git-Url: http://git.cyclocoop.org//%22javascript:ModifierStyle%28%27%22.%24id.%22%27%29/%22?a=commitdiff_plain;h=26970cc904900ff25fcf960fd8967f10d6b9f300;p=lhc%2Fweb%2Fwiklou.git

RCFilters UI: Fix mute state styling

For some reason it stopped styling muted state in filterItemWidgets
Also adjusted the styling to be more similar to the prototype.

Bug: T156429
Change-Id: Ib043729ab7cfd32253d9424b145794e484ec11b6
---

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 293f3c367f..94da3ac51a 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterItemWidget.less
@@ -8,26 +8,31 @@
 		padding-top: 0.5em;
 	}
 
-	&-filterCheckbox {
-		&-label {
-			&-title {
-				font-weight: bold;
-				font-size: 1.2em;
-				color: #222;
-			}
-			&-desc {
-				color: #464a4f;
-			}
+	&-muted {
+		background-color: #f8f9fa; // Base90 AAA
+		.mw-rcfilters-ui-filterItemWidget-label-title,
+		.mw-rcfilters-ui-filterItemWidget-label-desc {
+			color: #54595d; // Base20 AAA
+		}
+	}
+
+	&-label {
+		&-title {
+			font-weight: bold;
+			font-size: 1.2em;
+			color: #222;
 		}
+		&-desc {
+			color: #464a4f;
+		}
+	}
 
+	&-filterCheckbox {
 		.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
 			// Override margin-top and -bottom rules from FieldLayout
 			margin: 0 !important;
 		}
 
-		&-muted {
-			opacity: 0.5;
-		}
 	}
 
 	&-highlightButton {