Page MenuHomePhabricator

Vector, Firefox and "Typography Refresh" makes titles in Template {{Titre section}} displayed too low on fr.wp main page
Closed, InvalidPublic

Description

screenshot

Just check on fr.wp main page with firefox, skin vector, and de beta option of typographic actualisation on. And see the result :

The text of the template {{Titre section}} is out and under of back ground color.


Version: 1.23.0
Severity: normal

Attached:

Capture_d_écran_2014-04-01_23:24:57.png (744×1 px, 338 KB)

Details

Reference
bz63394

Event Timeline

bzimport raised the priority of this task from to High.Nov 22 2014, 3:06 AM
bzimport set Reference to bz63394.
bzimport added a subscriber: Unknown Object (MLST).

I enabled "Actualisation de la typographie" on https://fr.wikipedia.org/wiki/Sp%C3%A9cial:Pr%C3%A9f%C3%A9rences#mw-prefsection-betafeatures and I can reproduce the problem on https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal with Firefox 28:

Confirming that the headers like "Le saviez-vous ?" or "Actualités et événements" are displayed too low.

Wondering if this should/can be fixed in the template, or if this can be considered an issue in the "typography refresh" CSS changes.

I fixed the local template. The cause was the 1em top margin in the typography refresh. Not sure what can be done here.

As for the main page (which I cannot edit), it already has margin-top:0; for all H2 headers inline, but could use changing "padding:.15em .4em;" to "padding:0 .4em;".

Since the bug was in essence a clash between (changed) core- and local template CSS, and the template has been fixed, I'm closing this one as invalid.