| WMDE-Fisch | |
| Mar 27 2023, 1:21 PM |
| F36954576: Mobile Image.png | |
| Apr 17 2023, 4:50 PM |
| F36954574: Mobile Map.png | |
| Apr 17 2023, 4:50 PM |
| F36929309: Narrow Screen.png | |
| Mar 27 2023, 1:21 PM |
On narrow screens the buttons in the footer move underneath each other. Depending on the widht/label text on the buttons this can be very common. With German text it's around 440px and would be a common issue for mobile phones that are not used in landscape mode.
Currently there's no way to make the 2nd button visible.
Requirements
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Open | None | T90645 A better Nearby for Wikivoyage | |||
| Open | None | T304076 Nearby feature for maps | |||
| Resolved | None | T333137 Test and enable mobile support for the nearby feature | |||
| Resolved | None | T333160 On narrow screens "External maps" footer button vanishes |
Change 903252 had a related patch set uploaded (by WMDE-Fisch; author: WMDE-Fisch):
[mediawiki/extensions/Kartographer@master] Nearby: y-scroll footer if screens are narrow
Change 904093 had a related patch set uploaded (by Thiemo Kreuz (WMDE); author: Thiemo Kreuz (WMDE)):
[mediawiki/extensions/Kartographer@master] Nearby: Let footer buttons wrap on very narrow screens
Change 904162 had a related patch set uploaded (by Thiemo Kreuz (WMDE); author: Thiemo Kreuz (WMDE)):
[mediawiki/extensions/Kartographer@master] Use LESS variables in fullscreen map CSS
Change 906007 had a related patch set uploaded (by WMDE-Fisch; author: WMDE-Fisch):
[mediawiki/extensions/Kartographer@master] [PoC] Grid footer with flexible height
Change 903252 abandoned by WMDE-Fisch:
[mediawiki/extensions/Kartographer@master] Nearby: y-scroll footer if screens are narrow
Reason:
We will not go with the scrollbar approach.
Change 906052 had a related patch set uploaded (by WMDE-Fisch; author: WMDE-Fisch):
[mediawiki/extensions/Kartographer@master] [WIP] Allow map footer elements to float when screens are narrow
Change 904162 merged by jenkins-bot:
[mediawiki/extensions/Kartographer@master] Use LESS variables in fullscreen map CSS
The patches ready for review improve the situation by allowing the footer to expand and text and buttons to float. Another easy win for mobile/narrow screens could be slightly tweaking the font size. The MediaViewer has a system that - on desktop - lets the font size vary depending on the used space between 20px, 16px and 14px. On mobile this is always fixed to a default of 16px.
The maps are pretty plain in that regard. The font size in the footer is always 20px. I find that quite huge. See screenshots below.
Side-note: The size of the button texts is also different. For maps it's set to 14px in the MediaViewer it's a default of 16px.
Change 906007 merged by jenkins-bot:
[mediawiki/extensions/Kartographer@master] Convert map footer to grid layout
Change 906052 merged by jenkins-bot:
[mediawiki/extensions/Kartographer@master] Allow map footer elements to float when screens are narrow
Change 904093 abandoned by Thiemo Kreuz (WMDE):
[mediawiki/extensions/Kartographer@master] Nearby: Let footer buttons wrap on very narrow screens
Reason:
Change 914738 had a related patch set uploaded (by Thiemo Kreuz (WMDE); author: Thiemo Kreuz (WMDE)):
[mediawiki/extensions/Kartographer@master] Convert fullscreen map footer from grid to flex layout
Change 914738 merged by jenkins-bot:
[mediawiki/extensions/Kartographer@master] Convert fullscreen map footer from grid to flex layout