Page MenuHomePhabricator

Wikidata tables overflow content area in Timeless
Closed, ResolvedPublic

Description

In desktop-large view, the tables on Wikidata items overflow the content area, covering up the right column.

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

Event Timeline

Another example

Capture d’écran_2018-08-16_14-57-15.png (737×1 px, 182 KB)

One solution might be to add a horizontal slider in the central area.

Change 530392 had a related patch set uploaded (by Simon04; owner: Simon04):
[mediawiki/skins/Timeless@master] Scroll .mw-body horizontally

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

Change 530392 abandoned by Simon04:
[mediawiki/skins/Timeless@master] Scroll .mw-body horizontally

Reason:

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

So this seems... less bad than it was when filed, but for the remaining stuff, I'm inclined to put this down as just a general responsiveness problem with Wikidata/WikiBase in general... like what does it even do on mobile at all, for instance?

Like I could put some hacks in timeless to make it sort of work, but if wikibase ever finds its pants and starts acting sane and not putting margins of ~20em on either side of all the statement values, for instance, it's just gonna break at that point.

Mobile (domain) is pretty griddy/flexy, actually. Looks and acts great. Try https://m.wikidata.org/wiki/Q79025929 and play with the resolution.

It's not obvious to me where the edit links (for the statements/qualifiers/ranks) went though.

I honestly wouldn't mind if that was the Timeless content region for all Wikidata interaction (plus edit links). Maybe even the content region for all skins...

That's... not responsive, though. That's just totally different styles if you're using mobilefrontend...

Like, even if that actually is done in the wikibase extensions themselves (as in, it's not just a MF hack), why in the world isn't it just switching to those styles on breakpoints? And why are the desktop ones so... only functional on really wide layouts?

But ghah if we just had something more like that in general that really would solve so many problems, huh.

Right, so I was looking into this to see if the generalised 'tables don't fit on page' solution would maybe apply here. But these tables (and their classes/ids/surrounding DOM) are insane. I really can't apply this to wikidata, as is.

Also most of these aren't even tables... why in the world would you css-spoof tables and make them worse than real tables?!

WMDE is usually pretty responsive. You can maybe hunt them down and ask them. :P

Isarra claimed this task.

I'll go ahead and close this as the real tables should now be resolved, and semi merge the rest of this into that to cover the... fake tables.