Page MenuHomePhabricator

Vector article toolbar bottom line is not aligned with headers with certain gadgets installed
Closed, ResolvedPublicBUG REPORT

Assigned To
Authored By
Lectrician1
Jun 13 2022, 2:37 PM
Referenced Files
F35244184: imagen.png
Jun 15 2022, 3:31 PM
F35244182: imagen.png
Jun 15 2022, 3:31 PM
F35244186: imagen.png
Jun 15 2022, 3:31 PM
F35244170: imagen.png
Jun 15 2022, 3:21 PM
F35235694: imagen.png
Jun 13 2022, 2:37 PM
F35235690: imagen.png
Jun 13 2022, 2:37 PM

Description

List of steps to reproduce (step by step, including full links if applicable):

  • Got to any article page

What happens?:

imagen.png (52×1 px, 8 KB)

imagen.png (149×172 px, 1 KB)

What should have happened instead?:
The headings should be vertically aligned

Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc.:
Firefox 101.0.1

Event Timeline

Do you have Twinkle installed? I did, and disabling that made the issue go away on English Wikipedia

Jdlrobson renamed this task from Vector article toolbar bottom line is not aligned with headers to Vector article toolbar bottom line is not aligned with headers with certain gadgets installed.Jun 13 2022, 3:55 PM
Aklapper changed the task status from Open to Stalled.Jun 13 2022, 8:54 PM

I did safemode and it still happens. It doesn't happen in Chrome for me. Likely a Firefox thing.

imagen.png (217×679 px, 16 KB)

It looks like the background images that produce the gradient and a fake bottom border are extending beyond the bottom border as well as the side border dividers.

imagen.png (854×1 px, 140 KB)

Removing margin-top: 1px additionally seems to fix it a bit:

imagen.png (854×1 px, 140 KB)

However not completely with the background images re-enabled:

imagen.png (859×1 px, 144 KB)

I'm still unable to replicate this. Note, the gradients have been removed this week with the train deployment. Is it possible that fixed this issue?

Yeah I don't see any issue with the new headers.

Jdlrobson claimed this task.

Great. Let's not look into this further then. Please let me know if you see any new issues with the new design.