CenturyLinkCloud / Cyclops

The UX/UI Pattern Guide for the CenturyLink Platform
http://assets.ctl.io/cyclops
MIT License
20 stars 16 forks source link

Disabled toggle control shows mixed background color #148

Closed guyaparker closed 6 years ago

guyaparker commented 6 years ago

Sometime between Cyclops 1.7.0 (for "no") / 1.5.0 (for "yes") and 1.8.4 the style of a disabled toggle control has started to show a mixture of #999 and #eee background colors where the text for the toggle appears: screen shot 2017-11-24 at 16 16 51 screen shot 2017-11-24 at 17 47 49

This can be corrected using: html.cyclops .toggle.disabled .text { background-color: #eee; } html.cyclops .toggle.disabled input:checked+.bug-fix .text { background-color: #eee; border: 1px solid #999; }

As shown here: screen shot 2017-11-24 at 16 17 34