Last modified: 2014-02-09 03:39:20 UTC
Created attachment 13928 [details] 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.