Page MenuHomePhabricator
Create Task
Maniphest T294149

In Firefox on Linux, h3 looks more prominent than h2
Closed, DuplicatePublicFeature
Actions

Description

What teams or group is this for? Anyone interested in article presentation.

Who is your main point of contact and contact preference? Hypothetically Nick Ray.

What are the details of your request? Include relevant timelines or deadlines Precedence of level 2 and level 3 headings is reversed. Ie. level 3 is more prominent than level 2. See wikipedia:Village_pump_(technical)#Styles_of_level_2_and_level_3_headings for details.

How does the request fit withinin the departmental or foundation priorities? Prominence of headings should be consistent with intended nesting.

Is this request urgent or time sensitive? The present state has existed for years and consequently repair isn't severely time sensitive. But the repair should be almost trivial for anyone with working knowledge of the code. Probably the repair can be completed in a few minutes.

Reply to peter@easthope.ca is welcome, Thanks, ... PeterEasthope

Related Objects

Event Timeline

PeterEasthope created this task.Oct 22 2021, 7:10 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptOct 22 2021, 7:10 PM
PeterEasthope updated the task description. (Show Details)Oct 22 2021, 7:54 PM
Aklapper renamed this task from [REQUEST] Please conside fixing prominence of headings. to In Monobook skin, h3 should not be more prominent than h2.Oct 23 2021, 9:23 PM
Aklapper removed • nray as the assignee of this task.
Aklapper edited projects, added MonoBook; removed Web-Team-Backlog.
Aklapper changed the subtype of this task from "Deadline" to "Feature Request".
Aklapper added a subscriber: • nray.
Aklapper removed a subscriber: • nray.
Aklapper added a comment.Oct 23 2021, 9:25 PM

Hi, which exact skin is this about? https://en.wikipedia.org/wiki/Wikipedia:Village_pump_(technical)#Styles_of_level_2_and_level_3_headings implies this is about Monobook?
Which browser(s)? Could you attach a screenshot?
(For future reference, please follow https://www.mediawiki.org/wiki/How_to_report_a_bug - thanks a lot!)

PeterEasthope added a comment.Oct 24 2021, 1:04 AM

Firefox in Linux Debian 11 here. The skin is default. Vector according to https://en.wikipedia.org/wiki/Wikipedia:Skin .

Screenshot at http://easthope.ca/WikipediaUEFAEuro2012Final.png . I scaled down a little to conserve data and reduce latency. If you need higher resolution, just let me know.

"Route to the final" is h2. "Spain" is h3.

In Android 7.1.1, Chrome 94.0.4606.85, also default skin, precedence isn't so bad. "Route to the final" is noticeably larger than "Spain" although the former is plain faced and the latter is bold.

So the problem in this environment is in Vector. If you have MS Windows the problem might not be visible.

Will read the instructions for bug reporting.

Regards, ... Peter E.

Aklapper renamed this task from In Monobook skin, h3 should not be more prominent than h2 to In Firefox on Linux, h3 looks more prominent than h2.Oct 24 2021, 8:25 AM
Aklapper edited projects, added Vector (legacy skin); removed MonoBook.
Aklapper added a comment.Oct 24 2021, 8:31 AM

Ah, thanks! This might be related to the font-weight and to the fonts available on your system that get picked by your browser(s).
h2 uses a serif font, font-weight 400, size 21px.
h3 uses a sans-serif font, font-weight 700, size 16.8px.
This is the same topic as T65844: h3 should not be more prominent than h2 headings; see also some discussion in T71998: Vector: h3 should not appear as heavier weight than h2.

h2 in Firefox 93:

Screenshot from 2021-10-24 10-20-00.png (680×1 px, 160 KB)

h3 in Firefox 93:

Screenshot from 2021-10-24 10-19-01.png (680×1 px, 161 KB)

h2 in Chromium 94:

Screenshot from 2021-10-24 10-20-10.png (680×1 px, 150 KB)

h3 in Chromium 94:

Screenshot from 2021-10-24 10-19-27.png (680×1 px, 151 KB)

Aklapper closed this task as a duplicate of T65844: h3 should not be more prominent than h2 headings.Oct 24 2021, 8:31 AM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL