https://bugzilla.wikimedia.org/show_bug.cgi?id=57720
Web browser: ---
Bug ID: 57720
Summary: [[Special:Notifications]] looks very different with
JavaScript disabled
Product: MediaWiki extensions
Version: master
Hardware: All
OS: All
Status: NEW
Severity: minor
Priority: Unprioritized
Component: Echo
Assignee: [email protected]
Reporter: [email protected]
CC: [email protected], [email protected],
[email protected]
Classification: Unclassified
Mobile Platform: ---
Created attachment 13928
--> https://bugzilla.wikimedia.org/attachment.cgi?id=13928&action=edit
Special page with and without JavaScript
The page [[Special:Notifications]] looks very different with and without
JavaScript. I think it's very easy to avoid at least the most obvious
difference. There is very little CSS missing. Simply move the following styles
from ext.echo.special.css[1] to ext.echo.base.css[2].
.mw-echo-date-section {
font-weight: 800;
font-size: 1.1em;
text-transform: uppercase;
border-bottom: 1px solid #C9C9C9;
margin: 30px 0 5px 50px;
color: #686868;
max-width: 550px; /* See [3] */
}
ul#mw-echo-special-container {
list-style: none none; /* See [4] */
padding: 0;
margin: 30px 0 0 0;
max-width: 600px; /* See [5] */
}
I'm sure there are other solutions (there are much more differences, see the
attached screenshot) but this is the most simple solution for the most obvious
problem.
I did not included the :hover effect on purpose because I think it can be
misleading in a non-JavaScript environment.
[1]https://git.wikimedia.org/blob/mediawiki%2Fextensions%2FEcho/8529fbfc23647802f92f6aef3be15947b7c8075a/modules%2Fspecial%2Fext.echo.special.css
[2]https://bits.wikimedia.org/static-1.23wmf4/extensions/Echo/modules/base/ext.echo.base.css
[3]Not needed at all because of the other "max-with" below. Please remove this
line.
[4]A single "none" is enough. Please remove one.
[5]I find the current "max-width" to narrow. I think it should be "max-with:
100ex". But this is obviously an other issue.
--
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
