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.
This commit is contained in:
Oliver Hamlet
2014-12-24 15:39:35 +00:00
parent 748e727c2a
commit 3f7d5409e2
+6 -1
View File
@@ -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);