| Michael | |
| May 14 2019, 9:58 AM |
| F59744194: Bildschirmfoto_2025-05-07_14-54-54.png | |
| May 7 2025, 1:08 PM |
| F59723970: Bildschirmfoto_2025-05-06_20-38-11.png | |
| May 7 2025, 1:08 PM |
| F34053011: 18em.png | |
| Jan 28 2021, 12:05 PM |
| F34053013: maxwidth.png | |
| Jan 28 2021, 12:05 PM |
| F29050544: image.png | |
| May 14 2019, 9:58 AM |
Problem:
With a default font-size of 20px the description of a sense can overlay the edit button:
Acceptance criteria:
To reproduce this, increase the font-size of the html element. The screenshots below are with the font-size set to 250%.
This appears to be because the box containing the edit link (.wikibase-toolbar-container) has a width of 18em, while the box containing the glosses (.wikibase-lexeme-sense-glosses) has a right margin of 252px. As soon as 18em is larger than 252px, the two boxes will overlap.
A couple of possible solutions:
Change the right margin to 18em:
Set a max-width of 252px on the edit link container:
Since the wider the edit link container gets, the less space there is left for the gloss, I think the latter would make more sense.
This now happens without changing the font size:
It's even worse when changing the default to 20px:
(screenshots are of https://www.wikidata.org/wiki/Lexeme:L15917)