Page MenuHomePhabricator

Wikidata property value styles are not responsive and have massive excess padding/margin across resolutions
Open, Needs TriagePublic

Description

Wikidata property value styles are not responsive and have too much padding. This affects all resolutions:

On mobile, the property values are breaking after each letter in a word, making the page difficult to read/use on mobile. See screenshot.

EE5F5FDB-7B59-4E68-A0FB-FB6F3D9E484C.jpeg (1×750 px, 130 KB)

On higher resolutions, property value containers overflow out of the content, covering the sidebar.

Wikidata overflow in Timeless.png (632×1 px, 60 KB)

Event Timeline

Acredito que esta quebrado apenas nos celulares com tela 540 x 960 pixels entre outros menores mas isso deve ser corrigido.

There are separate styles for MobileFrontend, but... while those use space far more efficiently than the desktop styles, I understand they may also be missing some tools/affordances, and there's no reason not to expand to use the space if it is there (tablets, for instance, or someone loaded the mobile site on desktop/is using it for some other reason than just mobile).

Basically, both the desktop and MF styles should probably just be replaced with a single set of actually responsive styles. Then we won't run into problems for folks using other skins, or even just regular desktop skins without a lot of space. (MonoBook and Vector in particular can have particularly narrow content columns due to the sidebar, for instance, even when they're otherwise on still generally usable smaller desktop/tablet resolutions.)

Isarra renamed this task from Wikidata property values only display one letter per line (Timeless skin/mobile) to Wikidata property value styles are not responsive and have massive excess padding/margin across resolutions.Dec 15 2020, 4:45 PM
Isarra updated the task description. (Show Details)