chipmunkmc/mediawiki-skins-Insurgency
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set mobile width cutoff to 550px

Browse source 
Should avoid more of the issues with unwanted appearance of mobile
layouts. Cutoff results in layout switch when sidebar becomes ~a
third of the total window width.

bug: T196213
Change-Id: I9b8baee5fe53316128f864e732c86750b4e5470e
This commit is contained in:
Isarra 2018-06-05 09:19:01 +00:00 committed by Bartosz Dziewoński
parent 689e7eb634
commit 406adb14f2
5 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
includes/SkinMonoBook.php
View file

@ -84,7 +84,7 @@ class SkinMonoBook extends SkinTemplate {
'targets' => [ 'desktop', 'mobile' ], 'targets' => [ 'desktop', 'mobile' ],
'scripts' => [ 'resources/mobile-echo.js' ], 'scripts' => [ 'resources/mobile-echo.js' ],
'styles' => [ 'resources/mobile-echo.less' => [ 'styles' => [ 'resources/mobile-echo.less' => [
'media' => 'screen and (max-width: 850px)' 'media' => 'screen and (max-width: 550px)'
] ], ] ],
'dependencies' => [ 'ext.echo.badgeicons', 'mediawiki.util' ], 'dependencies' => [ 'ext.echo.badgeicons', 'mediawiki.util' ],
'messages' => [ 'monobook-notifications-link', 'monobook-notifications-link-none' ] 'messages' => [ 'monobook-notifications-link', 'monobook-notifications-link-none' ]

2
resources/mobile-echo.js
View file

@ -1,6 +1,6 @@
( function ( mw, $ ) { ( function ( mw, $ ) {
$( function () { $( function () {
var mobileCutoffWidth = 850, var mobileCutoffWidth = 550,
notificationIcons = $( '#pt-notifications-alert, #pt-notifications-notice' ), notificationIcons = $( '#pt-notifications-alert, #pt-notifications-notice' ),
echoHacked = false, echoHacked = false,
echoHackActive = false, echoHackActive = false,

2
resources/mobile-uls.js
View file

@ -1,5 +1,5 @@
$( function () { $( function () {
var mobileCutoffWidth = 850, var mobileCutoffWidth = 550,
ULSTrigger = $( '#pt-uls' ), ULSTrigger = $( '#pt-uls' ),
ULSMoved = false; ULSMoved = false;

2
resources/mobile.js
View file

@ -1,6 +1,6 @@
( function ( mw, $ ) { ( function ( mw, $ ) {
$( function () { $( function () {
var mobileCutoffWidth = 850, var mobileCutoffWidth = 550,
// Track if DOM has been set up for mobile fanciness yet // Track if DOM has been set up for mobile fanciness yet
monobookMobileElements = false, monobookMobileElements = false,
// Toggles and targets for popouts // Toggles and targets for popouts

6
skin.json
View file

@ -35,10 +35,10 @@
"media": "screen" "media": "screen"
}, },
"resources/screen-desktop.css": { "resources/screen-desktop.css": {
"media": "screen and (min-width: 851px)" "media": "screen and (min-width: 551px)"
}, },
"resources/screen-mobile.less": { "resources/screen-mobile.less": {
"media": "screen and (max-width: 850px)" "media": "screen and (max-width: 550px)"
} }
} }
}, },
@ -49,7 +49,7 @@
], ],
"styles": { "styles": {
"resources/mobile.js.less": { "resources/mobile.js.less": {
"media": "screen and (max-width: 850px)" "media": "screen and (max-width: 550px)"
} }
}, },
"dependencies": [ "dependencies": [