I agree. The second one looks great to me.
Kaldari
On Tue, Aug 19, 2014 at 1:12 PM, Trevor Parscal tparscal@wikimedia.org wrote:
I really like it. The #ccc outline, #f9f9f9 fill and #ccc text looks great.
- Trevor
On Tue, Aug 19, 2014 at 1:10 PM, May Tee-Galloway <mgalloway@wikimedia.org
wrote:
I was looking for a background color that has as little contrast as possible with #CCC. Important to have the border show but not dark enough that when it stands alone, it looks like an active checkbox. I made a version with #F9F9F9. What do you guys think? [image: Inline image 1]
On Tue, Aug 19, 2014 at 12:55 PM, Trevor Parscal tparscal@wikimedia.org wrote:
I recommend using @colorDisabledText for the label, and @colorGray15 for the fill.
On Tue, Aug 19, 2014 at 12:42 PM, Jon Robson jrobson@wikimedia.org 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 < tparscal@wikimedia.org> 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 < mgalloway@wikimedia.org> 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 < tparscal@wikimedia.org> wrote:
> I'm confident she will come up with something sensible. > > - Trevor > > > On Tue, Aug 19, 2014 at 11:11 AM, Jared Zimmerman < > jared.zimmerman@wikimedia.org> 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 < >> tparscal@wikimedia.org> 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 < >>> rkaldari@wikimedia.org> 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 >>>> Design@lists.wikimedia.org >>>> https://lists.wikimedia.org/mailman/listinfo/design >>>> >>>> >>> >>> _______________________________________________ >>> Design mailing list >>> Design@lists.wikimedia.org >>> https://lists.wikimedia.org/mailman/listinfo/design >>> >>> >> >> _______________________________________________ >> Design mailing list >> Design@lists.wikimedia.org >> https://lists.wikimedia.org/mailman/listinfo/design >> >> > > _______________________________________________ > Design mailing list > Design@lists.wikimedia.org > https://lists.wikimedia.org/mailman/listinfo/design > >
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design
