Truncated track listing
The track listing table is horribly mangled for mobile web. It's even worse in the app https://twitter.com/#!/felibb/status/192694935043047425. Lets fix the mobile web versin first and if that doesn't fix the app we'll open a second bug.
Version: unspecified
Severity: normal
Attached:
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | None | T51440 MobileFrontend images shown double-sized in Retina desktop, iOS 7 beta | |||
| Open | None | T40848 Security: CSS positioning can be used to break out of the content area | |||
| Open | None | T37704 Drop support in wikitext for inline styles | |||
| Resolved | None | T38076 Inline Styles: Template:Track_listing is unreadable on mobile view |
You can see this in Chrome if you shrink your browser window. This is another example of inline styles playing havoc - see bug 35704
This one in particular is caused by the following inline style on div class='tracklist'
margin: -1px 21em 0 0; padding:4px and is very specific to this page
The problem lies here:
http://en.wikipedia.org/wiki/Template:Track_listing
(In reply to comment #3)
You can see this in Chrome if you shrink your browser window. This is another
example of inline styles playing havoc - see bug 35704
Ah ok, I see it now.
A solution on the talk page was suggested from Happy Melon: http://en.wikipedia.org/wiki/Template_talk:Track_listing#Width_issue_on_mobile_browsers
"All we need to do is use the box-flow model developed for the mbox templates: remove the wrapping <div> and the 100% width from the table, and add mbox-text class to the table header. "
Can someone with rights to edit the template fix that?
(or find someone else who can)
preilly wrote:
(In reply to comment #6)
> *** Bug 36740 has been marked as a duplicate of this bug. ***
This didn't seem to fix the issue.
See http://en.wikipedia.org/w/index.php?title=Template:Track_listing&diff=prev&oldid=491919718
The margin needs to be thrown away as well or if kept changed to a %
e.g.
margin: -1px 10% 0 0; padding:4px
Margin has been thrown away from template so closing:
http://en.wikipedia.org/w/index.php?title=Template%3ATrack_listing&diff=492073736&oldid=491920196