From 3f7d5409e2d395b74b2b905e2438308651c0c94c Mon Sep 17 00:00:00 2001 From: Oliver Hamlet Date: Wed, 24 Dec 2014 15:39:35 +0000 Subject: [PATCH] Grey out disabled menu icons. This is really part of the material design spec, but there's no `disabled` attribute for paper-item as standard, so treat it as a LOOT-specific override. --- resources/report/css/overrides.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css index e405c3db..e8f9b1f1 100644 --- a/resources/report/css/overrides.css +++ b/resources/report/css/overrides.css @@ -1,11 +1,16 @@ /* These styles override Polymer's own internal styling for certain elements to suit LOOT's needs. */ -/* Change color of disabled menu items to match Material Design spec. */ +/* Change color of disabled menu items to match Material Design spec. These are + treated as LOOT-specific overrides because vanilla paper-item doesn't + recognise the disabled attribute (at least it isn't documented). */ html /deep/ paper-item[disabled] { color: rgba(0, 0, 0, 0.26); pointer-events: none; } +html /deep/ paper-item[disabled] > core-icon { + color: rgba(0, 0, 0, 0.26); +} /* Change color of disabled icon buttons to match Material Design spec. */ paper-icon-button[disabled] { color: rgba(255, 255, 255, 0.30);