1,492
edits
User talk:FlyingRagnar: Difference between revisions
→CSS and JS edits: new section
Rigel Kent (talk | contribs) (→CSS edit requests (mobile friendly navboxes): new section) |
Rigel Kent (talk | contribs) (→CSS and JS edits: new section) |
||
| Line 164: | Line 164: | ||
Hi, I'm pretty sure I've worked the bugs out of the mobile friendly navbox at [[Template:Nav/draft]], but it needs some changes to site CSS to display properly. My user stylesheets are merged copies so can replace the site stylesheets. In Vector (desktop) skin, the new navbox will appear identical, except there is a line break when a new list starts, and bullets at a line break are hidden. In Minerva (mobile) skin, the two-column table will render as a single-column stack, to free up space from the left column and prevent overflow on the right. Also, in mobile.css, I rolled everything up as an @import of common.css to save some work for you in the future. [[User:Rigel Kent|Rigel Kent]] ([[User talk:Rigel Kent|talk]]) 03:23, 1 December 2015 (CST) | Hi, I'm pretty sure I've worked the bugs out of the mobile friendly navbox at [[Template:Nav/draft]], but it needs some changes to site CSS to display properly. My user stylesheets are merged copies so can replace the site stylesheets. In Vector (desktop) skin, the new navbox will appear identical, except there is a line break when a new list starts, and bullets at a line break are hidden. In Minerva (mobile) skin, the two-column table will render as a single-column stack, to free up space from the left column and prevent overflow on the right. Also, in mobile.css, I rolled everything up as an @import of common.css to save some work for you in the future. [[User:Rigel Kent|Rigel Kent]] ([[User talk:Rigel Kent|talk]]) 03:23, 1 December 2015 (CST) | ||
== CSS and JS edits == | |||
* [[MediaWiki:Mobile.css]] ← [{{fullurl:User:Rigel_Kent/mobile.css|oldid=63860}} User:Rigel_Kent/mobile.css] ([[Special:Diff/63563/63860|diff]]) | |||
* [[MediaWiki:Common.css]] ← [{{fullurl:User:Rigel_Kent/common.css|oldid=63849}} User:Rigel_Kent/common.css] ([[Special:Diff/63562/63849|diff]]) | |||
* [[MediaWiki:Vector.css]] ← [{{fullurl:User:Rigel_Kent/vector.css|oldid=63855}} User:Rigel_Kent/vector.css] ([[Special:Diff/63564/63855|diff]]) | |||
* [[MediaWiki:Mobile.js]] ← [{{fullurl:User:Rigel_Kent/mobile.js|oldid=63861}} User:Rigel_Kent/mobile.js] (new) | |||
* [[MediaWiki:Common.js]] ← [{{fullurl:User:Rigel_Kent/common.js|oldid=63856}} User:Rigel_Kent/common.js] ([[Special:Diff/56019/63856|diff]]) | |||
Sorry to drop another request so soon, but I made some goofs on mobile skin, and came up with some new tricks. | |||
* Reverted @including common.css into mobile.css. Pain in the butt, I know, but I found out @include doesn't minify, so greatly increased the size of stylesheets being served. | |||
* Tweaked createJQueryTabs() to create links inside tabs. The template can only create links from text. Doing it in the script allows for image tabs. | |||
* Added a .dragscroll class and script for e.g. large images, a .plain-list class for lists without bullet points, and a .pixels class for pixel images to keep them sharp when scaled, zoomed, pixel-split (many mobile displays), etc. | |||
* Added pixel scaling to Vector skin header background. | |||
* Found out mobile skin does <code>.navbox {display:hidden !important}</code> for some reason. Added an override. | |||
* Fixed tabber script in mobile skin, I hope. | |||
[[User:Rigel Kent|Rigel Kent]] ([[User talk:Rigel Kent|talk]]) 05:48, 11 December 2015 (CST) | |||