Page MenuHomePhabricator

Change font contrast for the New filters popover
Closed, ResolvedPublic

Description

Split this ticket form T169613: Introduce the New Filters to users upon beta graduation

Based on these screenshots
Chrome 55

Screen Shot 2017-09-26 at 12.02.21 PM.png (486×923 px, 85 KB)

Safari 10
Screen Shot 2017-09-26 at 12.04.23 PM.png (469×891 px, 65 KB)

@Pginer-WMF commented:

The main paragraph seems too light for our accessibility standards.
We can use Base10 (#222) to use the same color as the heading and just rely on the font weight contrast. That would make the result closer to the mockup in the description.

The mockup from T169613

RC-introduce-new-feature.png (768×1 px, 221 KB)

Event Timeline

Change 381769 had a related patch set uploaded (by Petar.petkovic; owner: Petar.petkovic):
[mediawiki/extensions/WikimediaMessages@master] Change font contrast on RCFilters guided tours

https://gerrit.wikimedia.org/r/381769

Change 381769 merged by jenkins-bot:
[mediawiki/extensions/WikimediaMessages@master] Change font contrast on RCFilters guided tours

https://gerrit.wikimedia.org/r/381769

Checked in FF 55, Chrome 60, Safari 10

.mw-guidedtour-tour-RcFiltersIntro#gt-RcFiltersIntro-Welcome .guider_content .guider_description {
    font-size: 1.2em;
}
<style>…</style>
.guider_content p {
    clear: both;
    line-height: 1.3em;
    color: #222;

The screenshot is for Safari 10 (the font contrast was the most problematic there).

Screen Shot 2017-10-02 at 12.34.06 PM.png (483×1 px, 135 KB)