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.

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

Event Timeline

Evad37 created this task.Jul 11 2020, 5:35 AM

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

Isarra added a subscriber: Isarra.Dec 9 2020, 5:46 PM

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 moved this task from Backlog to Compatibility on the Timeless board.Dec 15 2020, 4:39 PM
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)