Last modified: 2014-11-03 08:03:12 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T50544, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 48544 - Special:UserContributions styling problems on mobile due to inline styles
Special:UserContributions styling problems on mobile due to inline styles
Status: NEW
Product: MediaWiki
Classification: Unclassified
Interface (Other open bugs)
unspecified
All All
: Low normal (vote)
: ---
Assigned To: Nobody - You can work on this!
: mobile
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2013-05-16 17:13 UTC by Jon
Modified: 2014-11-03 08:03 UTC (History)
9 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments
The damage (153.87 KB, image/png)
2013-05-16 17:13 UTC, Jon
Details

Description Jon 2013-05-16 17:13:05 UTC
Created attachment 12327 [details]
The damage

The Special:Contributions page has some styling issues

https://en.m.wikipedia.org/wiki/Special:Contributions


Confirmed on iOS
Comment 1 Jon 2013-05-22 22:10:47 UTC
The form seems to be rendered as a table. If a core change could be made to stop this this would be much more mobile friendly.
Comment 2 Jon 2013-06-05 19:04:46 UTC
Looking closer this is due to a couple of spans with inline styles set to:
white-space: nowrap

These should be moved to classes and redesigned with mobile in mind using media querres .
Try the same page on desktop [1] with the following css rule and note the table spills out of the container:

#bodyContent {
width: 320px;
border: solid 1px #F00;
}

This is therefore not a MobileFrontend bug.

[1] https://en.wikipedia.org/wiki/Special:Contributions?mobileaction=toggle_view_desktop

The offending HTML is as follows:
<td><select class="namespaceselector" id="namespace" name="namespace"><option value="" selected="">all</option><option value="0">(Article)</option><option value="1">Talk</option><option value="2">User</option><option value="3">User talk</option><option value="4">Wikipedia</option><option value="5">Wikipedia talk</option><option value="6">File</option><option value="7">File talk</option><option value="8">MediaWiki</option><option value="9">MediaWiki talk</option><option value="10">Template</option><option value="11">Template talk</option><option value="12">Help</option><option value="13">Help talk</option><option value="14">Category</option><option value="15">Category talk</option><option value="100">Portal</option><option value="101">Portal talk</option><option value="108">Book</option><option value="109">Book talk</option><option value="446">Education Program</option><option value="447">Education Program talk</option><option value="710">TimedText</option><option value="711">TimedText talk</option><option value="828">Module</option><option value="829">Module talk</option></select>&nbsp;<span style="white-space: nowrap"><input name="nsInvert" type="checkbox" value="1" id="nsInvert" title="Check this box to hide changes to pages within the selected namespace (and the associated namespace if checked)" class="mw-input">&nbsp;<label for="nsInvert" class="mw-input" title="Check this box to hide changes to pages within the selected namespace (and the associated namespace if checked)">Invert selection</label>&nbsp;</span><span style="white-space: nowrap"><input name="associated" type="checkbox" value="1" id="associated" title="Check this box to also include the talk or subject namespace associated with the selected namespace" class="mw-input">&nbsp;<label for="associated" class="mw-input" title="Check this box to also include the talk or subject namespace associated with the selected namespace">Associated namespace</label>&nbsp;</span></td>
Comment 3 Andre Klapper 2014-11-03 08:03:12 UTC
(In reply to Jon from comment #0)
> The Special:Contributions page has some styling issues
> 
> https://en.m.wikipedia.org/wiki/Special:Contributions

https://en.m.wikipedia.org/wiki/Special:Contributions now says

No such page
Cannot look at history for a page that doesn't exist. It may have been deleted or you may have followed a bad link.

Is that intended?

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links