From 26970cc904900ff25fcf960fd8967f10d6b9f300 Mon Sep 17 00:00:00 2001
From: Moriel Schottlender <moriel@gmail.com>
Date: Thu, 23 Feb 2017 15:59:51 -0800
Subject: [PATCH] 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
---
 .../mw.rcfilters.ui.FilterItemWidget.less     | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

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 {
-- 
2.20.1