| Raymond | |
| Nov 30 2013, 5:23 PM |
| F60019075: Bildschirmfoto_2025-05-15_16-32-42.png | |
| May 15 2025, 3:11 PM |
| F60019069: Bildschirmfoto_2025-05-15_16-18-08.png | |
| May 15 2025, 3:11 PM |
| F60020137: Bildschirmfoto_2025-05-15_17-02-45.png | |
| May 15 2025, 3:11 PM |
| F16971200: image.png | |
| Apr 14 2018, 9:31 AM |
| F16961130: image.png | |
| Apr 13 2018, 9:32 PM |
| F12486: qualifier.PNG | |
| Jun 30 2015, 2:08 PM |
Long property labels overlap when used as qualifiers or in references.
Qualifier example:
Reference example:
The text can also get cut off:
Original example:
URL: https://www.wikidata.org/wiki/Q2748996?setlang=de
Attached:
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Reduce line-height in qualifiers list view | mediawiki/extensions/Wikibase | master | +2 -0 |
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | Jdlrobson | T78430 [Epic] Getting Wikidata to render nicely on mobile web | |||
| Open | None | T158181 Aim for workflow equivalence for MediaWiki on desktop and mobile web | |||
| Open | None | T95878 [Story] Make Wikidata editable on mobile web | |||
| Open | None | T95649 Create and document a stable framework for extending the Wikibase UI | |||
| Stalled | None | T40968 Keyboard-navigability of the repo UI | |||
| Open | None | T54136 [Epic] Redesign Item UI for Wikidata repo | |||
| Open | None | T59774 Long property labels overlap when used for qualifiers/references |
Change 169503 had a related patch set uploaded (by Thiemo Mättig (WMDE)):
Reduce line-height in qualifiers list view
Changing the status to resolved, the patch above has greatly greatly greatly improved the situation in many cases.
It doesn't look 100% perfect but in the case of long labels many now look fine.
Please reopen if some labels still cause issues once this is deployed.
As said in the commit the real fix here will come with the new UI etc.
A qualifier name that spans 2 lines is fine since I reduced the line height. But longer names still break the layout. I tried to find an easy fix for this multiple times, but it's very hard to do because these elements are positioned absolutely.
