Author: ninniuz
Description:
Some parts of Portals in the full Wikipedia are rendered using a two-columns layout (two floating divs with percentage width).
When shown in a mobile device text and images are often exceeding the limit of the colums.
It would be better to remove CSS width attribute from those columns and display them as blocks.
E.g. http://en.m.wikipedia.org/wiki/Portal:Literature
Version: unspecified
Severity: enhancement
That is really getting to specific to generalize for all languages I think.
I was pondering however that perhaps the mobile interface could load CSS from [[MediaWiki:Handheld.css]] from each language. Or perhaps a new [[MediaWiki:Mobile.css]]. What do you think Hampton ? The styling changes required for each language simply cannot all be handled in the core I think.
ninniuz wrote:
The problem is that, from what I can see, those divs have no id nor class. They have inline style attributes.
That means they are not easily reachable from CSS.
Proper thing to do is to fix the portals themselves to have better styles -- they have the same problems in "desktop browsers" if the window is narrow.
I'm not sure how easily we can detect this sort of case automatically: the table layouts quite legitimately fit within the screen area, they just look terrible because the content within them doesn't fit those small sizes well.
Adding a min-width: to the CSS could force them to scroll as recommended in bug 32123, but this is still sub-ideal. Better would be either smart use of floats to let them "collapse" on narrow screens, or using @media sections to check when the window width is relatively small and switch to a different layout.
This is a duplicate and at least on en wiki portal pages were cleaned up (see bug 30887) and is part of the whole "inline styles problem" (see bug 35704)
See http://www.mediawiki.org/wiki/Making_MediaWiki_Mobile_Friendly#Two_column_layouts