I think for a disabled and checked box, the check should be visible but gray, not green. Will probably look best if there's a similar chroma difference between the gray check and the outline as the enabled version has between the green check and the outline.
- Trevor On Tue, Aug 19, 2014 at 1:53 PM, Jared Zimmerman < [email protected]> wrote: > I definitely think we should dim the text as well I think B works well, we > should just make sure we're using existing LESS greys for everything. > > > > *Jared Zimmerman * \\ Director of User Experience \\ Wikimedia > Foundation > M +1 415 609 4043 \\ @jaredzimmerman <http://loo.ms/g0> > > > > On Tue, Aug 19, 2014 at 12:42 PM, Jon Robson <[email protected]> > wrote: > >> MediaWiki UI already has the current grays defined. According to current >> spec colour gray 12 (#ccc) is used for disabled text. >> >> @colorGray1: #111; // darkest >> @colorGray2: #222; >> @colorGray3: #333; >> @colorGray4: #444; >> @colorGray5: #555; >> @colorGray6: #666; >> @colorGray7: #777; >> @colorGray8: #888; >> @colorGray9: #999; >> @colorGray10: #AAA; >> @colorGray11: #BBB; >> @colorGray12: #CCC; >> @colorGray13: #DDD; >> @colorGray14: #EEE; >> @colorGray15: #F9F9F9; // lightest >> >> @colorDisabledText: @colorGray12; >> >> >> >> On Tue, Aug 19, 2014 at 12:40 PM, Trevor Parscal <[email protected]> >> wrote: >> >>> The label being grayed out is important. The outline being closer to >>> white also helps a lot, but as you said, when it's alone the outline change >>> is not enough. I think the gray fill is still a little dark, maybe use >>> #f5f5f5 if you can swing it, but B is getting close. >>> >>> - Trevor >>> >>> >>> On Tue, Aug 19, 2014 at 12:03 PM, May Tee-Galloway < >>> [email protected]> wrote: >>> >>>> I made a few of variations to compare. I think B works the best because >>>> it doesn't look like you can do anything about it. I greyed the text out, >>>> just like what happens to disabled buttons >>>> <http://tools.wmflabs.org/styleguide/desktop/section-2.html>. >>>> >>>> If A and C stood alone without the standard checkbox, they may not be >>>> as clear that they're disabled. Is there a reason we're using lightgrey >>>> instead of actual value? >>>> >>>> [image: Inline image 2] >>>> >>>> >>>> On Tue, Aug 19, 2014 at 11:20 AM, Trevor Parscal < >>>> [email protected]> wrote: >>>> >>>>> I'm confident she will come up with something sensible. >>>>> >>>>> - Trevor >>>>> >>>>> >>>>> On Tue, Aug 19, 2014 at 11:11 AM, Jared Zimmerman < >>>>> [email protected]> wrote: >>>>> >>>>>> Trevor, thanks, thats looking closer. I'll let may weigh in before we >>>>>> finalize. >>>>>> >>>>>> >>>>>> >>>>>> *Jared Zimmerman * \\ Director of User Experience \\ Wikimedia >>>>>> Foundation >>>>>> M +1 415 609 4043 \\ @jaredzimmerman <http://loo.ms/g0> >>>>>> >>>>>> >>>>>> >>>>>> On Tue, Aug 19, 2014 at 11:08 AM, Trevor Parscal < >>>>>> [email protected]> wrote: >>>>>> >>>>>>> This is what it looks like when the checkbox uses #ddd instead of " >>>>>>> lightgrey" and the surrounding .mw-ui-checkbox div is 50% >>>>>>> transparent. >>>>>>> >>>>>>> - Trevor >>>>>>> >>>>>>> >>>>>>> On Tue, Aug 19, 2014 at 11:02 AM, Ryan Kaldari < >>>>>>> [email protected]> wrote: >>>>>>> >>>>>>>> Maybe it's just me, but the new disabled checkbox doesn't look >>>>>>>> disabled to me: >>>>>>>> https://tools.wmflabs.org/styleguide/desktop/section-5.html >>>>>>>> >>>>>>>> The normal convention for making a form element disabled is to make >>>>>>>> it faded out (<100% opacity), not giving it a gray fill. >>>>>>>> >>>>>>>> I have no idea where this design came from or who is responsible >>>>>>>> for it, but I was wondering if the design team could revisit it. >>>>>>>> >>>>>>>> Thanks! >>>>>>>> Ryan Kaldari >>>>>>>> >>>>>>>> _______________________________________________ >>>>>>>> Design mailing list >>>>>>>> [email protected] >>>>>>>> https://lists.wikimedia.org/mailman/listinfo/design >>>>>>>> >>>>>>>> >>>>>>> >>>>>>> _______________________________________________ >>>>>>> Design mailing list >>>>>>> [email protected] >>>>>>> https://lists.wikimedia.org/mailman/listinfo/design >>>>>>> >>>>>>> >>>>>> >>>>>> _______________________________________________ >>>>>> Design mailing list >>>>>> [email protected] >>>>>> https://lists.wikimedia.org/mailman/listinfo/design >>>>>> >>>>>> >>>>> >>>>> _______________________________________________ >>>>> Design mailing list >>>>> [email protected] >>>>> https://lists.wikimedia.org/mailman/listinfo/design >>>>> >>>>> >>>> >>>> _______________________________________________ >>>> Design mailing list >>>> [email protected] >>>> https://lists.wikimedia.org/mailman/listinfo/design >>>> >>>> >>> >>> _______________________________________________ >>> Design mailing list >>> [email protected] >>> https://lists.wikimedia.org/mailman/listinfo/design >>> >>> >> >> _______________________________________________ >> Design mailing list >> [email protected] >> https://lists.wikimedia.org/mailman/listinfo/design >> >> > > _______________________________________________ > Design mailing list > [email protected] > https://lists.wikimedia.org/mailman/listinfo/design > >
_______________________________________________ Design mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/design
