Page MenuHomePhabricator

Stacked buttons on page history page cause line break in following elements due to overlays
Open, Needs TriagePublic

Description

In vector skin sometimes (depending on the width of the browser window) following lines get an additional line break. The exact width when this happens depends on your language, because size of the buttons is language dependent.

First list element is broken:

Screenshot History 20201104b.jpg (341×948 px, 151 KB)

Menu element is broken:
Screenshot History 20201104c.jpg (335×905 px, 150 KB)

Should look like:
Screenshot History 20201104d.jpg (343×905 px, 149 KB)

Steps to reproduce:
You have to have sysop rights to get the extra buttons.
Goto: https://de.wiktionary.org/w/index.php?title=Ansicht&action=history
Change the width of your browser window.

Event Timeline

Aklapper renamed this task from Vector: stacked buttons cause line break in following elements to Vector: stacked buttons on page history page cause line break in following elements due to overlays.Nov 4 2020, 3:46 PM
Aklapper added a subscriber: Kizule.

@Kizule: Same problem happens in other skins too (you can try by adding ?useskin=someskinname to the URL) so it is not a Vector issue.

CSS class mw-history-compareselectedversions has zero definitions; overflow: hidden would fix this behavior (but not sure that's the best way).

Aklapper renamed this task from Vector: stacked buttons on page history page cause line break in following elements due to overlays to Stacked buttons on page history page cause line break in following elements due to overlays.Nov 4 2020, 3:54 PM