MD Settings: specs for disabled controls |
|||||
Issue descriptionI don't see any notes about how to style disabled elements in the specs. Polymer defaults: paper-checkbox checkbox: opacity: .5 paper-checkbox label: opacity: .65 paper-toggle-button button: background-color: #bdbdbd paper-toggle-button bar: opacity: .12 paper-toggle-button label: opacity: 1 (?!) We also have action buttons, which are --google-blue-500 but then have opacity: .25 applied when disabled, with a TODO to confirm the style: https://cs.chromium.org/chromium/src/chrome/browser/resources/settings/settings_shared_css.html?q=settings_shared_css.html&sq=package:chromium&dr&l=130 Should we consistently grey out text for disabled controls, and if so, at what opacity?
,
Jun 9 2016
,
Jul 18 2016
,
Jul 22 2016
@dbeam -- did we agree on using 60% opacity or something similar?
,
Jul 23 2016
basically, but with indicators of /why/ things were disabled at 100% (i.e. power plant icons) fwiw: there are certain things (like <paper-radio-button>) that already have builtin styles for a disabled look. they're pretty darn close to 60% opacity in many cases, but with good logic as to why some things are more opaque than others (hard to read, more important, etc.) so I'll probably leave those where they make sense. |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by tbuck...@chromium.org
, Jun 9 2016