Page MenuHomePhabricator

Map scale hidden on the left because of overflow
Closed, ResolvedPublic

Description

The map scale gets hidden on the left the French Wikipedia because it overflows.

Here's what it looks like:
(example URL)

frwiki.png (367×369 px, 134 KB)

Here you can clearly see the overflow:

frwiki2.png (370×548 px, 179 KB)

But there's no problem on Wikivoyage:
(example URL)

wikivoyage.png (376×375 px, 91 KB)

All is needed is to add

.leaflet-right.leaflet-bottom {
    max-width: 100%;
}

Result:

frwikiok.png (371×381 px, 134 KB)

Wikivoyage added it to its own installation, but it would be better to fix it globally than to just add it to the French Wikipedia.
Can someone make a patch for it?

Here's where the code needs to go:
https://phabricator.wikimedia.org/diffusion/EKAR/browse/HEAD/styles/control-scale.less;af8f70d386f93c7d2057ec57a341aaf33e8263f6$11

Event Timeline

Mholloway moved this task from Unsorted to UI tasks on the Maps (Kartographer) board.

Change 581635 had a related patch set uploaded (by TheDJ; owner: TheDJ):
[mediawiki/extensions/Kartographer@master] Don't overflow scale and attribution

https://gerrit.wikimedia.org/r/581635

Change 581635 merged by jenkins-bot:
[mediawiki/extensions/Kartographer@master] Don't overflow scale and attribution

https://gerrit.wikimedia.org/r/581635