Topic on Project:Support desk

MobileFrontend Skin problems

5
Summary by Noboddy

I was on the wrong branch, now it works! Thanks for your help!

Noboddy (talkcontribs)

Hello, I got the latest version of Mobile Frontend and can't see the menu any more if I'm using the mobile view. It seems to be a problem with the Skin Minerva, but I don't really understand what I should change to get it working. It would be great if somebody could help me!

I get the following error in my browser console:

[78cf064f2b03ecda26489551] /w/load.php?debug=false&lang=de&modules=ext.visualEditor.targetLoader%2Ctrack%2Cve%7Cjquery.accessKeyLabel%2CbyteLength%2Cclient%2Ccookie%2CtextSelection%2Cthrottle-debounce%7Cmediawiki.RegExp%2CTitle%2CUri%2Capi%2Ccldr%2Ccookie%2Cexperiments%2CjqueryMsg%2Clanguage%2Cnotify%2Crouter%2Cstorage%2Ctemplate%2Cuser%2Cutil%2Cviewport%7Cmediawiki.api.user%7Cmediawiki.language.data%2Cinit%7Cmediawiki.libs.pluralruleparser%7Cmediawiki.page.startup%7Cmediawiki.template.hogan%2Cregexp%7Cmediawiki.ui.input%7Cmobile.ajax.styles%7Cmobile.betaoptin%2Cissues%2CmainMenu%2Creferences%2Csearch%2Csite%2Cstartup%2Ctoggle%2Cwatchstar%7Cmobile.editor.api%7Cmobile.issues.images%7Cmobile.loggingSchemas.edit%2CmobileWebMainMenuClickTracking%2CmobileWebSearch%7Cmobile.mainMenu.icons%2Cstyles%7Cmobile.overlay.images%7Cmobile.pagelist.scripts%2Cstyles%7Cmobile.pagesummary.styles%7Cmobile.references.gateway%2Cimages%7Cmobile.search.api%2Cimages%2Cutil%7Coojs%2Coojs-router%7Cskins.minerva.editor%2Cscripts%2Ctoggling%7Cskins.minerva.icons.images.scripts%2Cvariants%7Cskins.minerva.scripts.top%7Cuser.defaults&skin=minerva&version=1247avh   Less_Exception_Compiler from line 148 of /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Mixin/Call.php: .background-image-svg-quick is undefined in /var/www/html/w/extensions/MobileFrontend/resources/mobile.ajax.styles/spinner.less

Backtrace:

#0 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(147): Less_Tree_Mixin_Call->compile(Less_Environment)

#1 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(88): Less_Tree_Ruleset->EvalMixinCalls(Less_Tree_Ruleset, Less_Environment, integer)

#2 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#3 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#4 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Parser.php(199): Less_Tree_Ruleset->compile(Less_Environment)

#5 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(979): Less_Parser->getCss()

#6 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(875): ResourceLoaderFileModule->compileLessFile(string, ResourceLoaderContext)

#7 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(846): ResourceLoaderFileModule->readStyleFile(string, boolean, ResourceLoaderContext)

#8 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(390): ResourceLoaderFileModule->readStyleFiles(array, boolean, ResourceLoaderContext)

#9 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(666): ResourceLoaderFileModule->getStyles(ResourceLoaderContext)

#10 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(613): ResourceLoaderModule->buildContent(ResourceLoaderContext)

#11 /var/www/html/w/includes/resourceloader/ResourceLoader.php(1040): ResourceLoaderModule->getModuleContent(ResourceLoaderContext)

#12 /var/www/html/w/includes/resourceloader/ResourceLoader.php(763): ResourceLoader->makeModuleResponse(ResourceLoaderContext, array, array)

#13 /var/www/html/w/load.php(53): ResourceLoader->respond(ResourceLoaderContext)

#14 {main}

[78cf064f2b03ecda26489551] /w/load.php?debug=false&lang=de&modules=ext.visualEditor.targetLoader%2Ctrack%2Cve%7Cjquery.accessKeyLabel%2CbyteLength%2Cclient%2Ccookie%2CtextSelection%2Cthrottle-debounce%7Cmediawiki.RegExp%2CTitle%2CUri%2Capi%2Ccldr%2Ccookie%2Cexperiments%2CjqueryMsg%2Clanguage%2Cnotify%2Crouter%2Cstorage%2Ctemplate%2Cuser%2Cutil%2Cviewport%7Cmediawiki.api.user%7Cmediawiki.language.data%2Cinit%7Cmediawiki.libs.pluralruleparser%7Cmediawiki.page.startup%7Cmediawiki.template.hogan%2Cregexp%7Cmediawiki.ui.input%7Cmobile.ajax.styles%7Cmobile.betaoptin%2Cissues%2CmainMenu%2Creferences%2Csearch%2Csite%2Cstartup%2Ctoggle%2Cwatchstar%7Cmobile.editor.api%7Cmobile.issues.images%7Cmobile.loggingSchemas.edit%2CmobileWebMainMenuClickTracking%2CmobileWebSearch%7Cmobile.mainMenu.icons%2Cstyles%7Cmobile.overlay.images%7Cmobile.pagelist.scripts%2Cstyles%7Cmobile.pagesummary.styles%7Cmobile.references.gateway%2Cimages%7Cmobile.search.api%2Cimages%2Cutil%7Coojs%2Coojs-router%7Cskins.minerva.editor%2Cscripts%2Ctoggling%7Cskins.minerva.icons.images.scripts%2Cvariants%7Cskins.minerva.scripts.top%7Cuser.defaults&skin=minerva&version=1247avh   Less_Exception_Compiler from line 148 of /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Mixin/Call.php: .transform is undefined in /var/www/html/w/extensions/MobileFrontend/resources/mobile.startup/toast.less

Backtrace:

#0 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(147): Less_Tree_Mixin_Call->compile(Less_Environment)

#1 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(88): Less_Tree_Ruleset->EvalMixinCalls(Less_Tree_Ruleset, Less_Environment, integer)

#2 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#3 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#4 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Parser.php(199): Less_Tree_Ruleset->compile(Less_Environment)

#5 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(979): Less_Parser->getCss()

#6 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(875): ResourceLoaderFileModule->compileLessFile(string, ResourceLoaderContext)

#7 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(846): ResourceLoaderFileModule->readStyleFile(string, boolean, ResourceLoaderContext)

#8 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(390): ResourceLoaderFileModule->readStyleFiles(array, boolean, ResourceLoaderContext)

#9 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(666): ResourceLoaderFileModule->getStyles(ResourceLoaderContext)

#10 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(613): ResourceLoaderModule->buildContent(ResourceLoaderContext)

#11 /var/www/html/w/includes/resourceloader/ResourceLoader.php(1040): ResourceLoaderModule->getModuleContent(ResourceLoaderContext)

#12 /var/www/html/w/includes/resourceloader/ResourceLoader.php(763): ResourceLoader->makeModuleResponse(ResourceLoaderContext, array, array)

#13 /var/www/html/w/load.php(53): ResourceLoader->respond(ResourceLoaderContext)

#14 {main}

[78cf064f2b03ecda26489551] /w/load.php?debug=false&lang=de&modules=ext.visualEditor.targetLoader%2Ctrack%2Cve%7Cjquery.accessKeyLabel%2CbyteLength%2Cclient%2Ccookie%2CtextSelection%2Cthrottle-debounce%7Cmediawiki.RegExp%2CTitle%2CUri%2Capi%2Ccldr%2Ccookie%2Cexperiments%2CjqueryMsg%2Clanguage%2Cnotify%2Crouter%2Cstorage%2Ctemplate%2Cuser%2Cutil%2Cviewport%7Cmediawiki.api.user%7Cmediawiki.language.data%2Cinit%7Cmediawiki.libs.pluralruleparser%7Cmediawiki.page.startup%7Cmediawiki.template.hogan%2Cregexp%7Cmediawiki.ui.input%7Cmobile.ajax.styles%7Cmobile.betaoptin%2Cissues%2CmainMenu%2Creferences%2Csearch%2Csite%2Cstartup%2Ctoggle%2Cwatchstar%7Cmobile.editor.api%7Cmobile.issues.images%7Cmobile.loggingSchemas.edit%2CmobileWebMainMenuClickTracking%2CmobileWebSearch%7Cmobile.mainMenu.icons%2Cstyles%7Cmobile.overlay.images%7Cmobile.pagelist.scripts%2Cstyles%7Cmobile.pagesummary.styles%7Cmobile.references.gateway%2Cimages%7Cmobile.search.api%2Cimages%2Cutil%7Coojs%2Coojs-router%7Cskins.minerva.editor%2Cscripts%2Ctoggling%7Cskins.minerva.icons.images.scripts%2Cvariants%7Cskins.minerva.scripts.top%7Cuser.defaults&skin=minerva&version=1247avh   Less_Exception_Compiler from line 148 of /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Mixin/Call.php: .transition-transform is undefined in /var/www/html/w/extensions/MobileFrontend/resources/mobile.watchstar/watchstar.less

Backtrace:

#0 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(147): Less_Tree_Mixin_Call->compile(Less_Environment)

#1 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(88): Less_Tree_Ruleset->EvalMixinCalls(Less_Tree_Ruleset, Less_Environment, integer)

#2 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#3 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#4 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Parser.php(199): Less_Tree_Ruleset->compile(Less_Environment)

#5 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(979): Less_Parser->getCss()

#6 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(875): ResourceLoaderFileModule->compileLessFile(string, ResourceLoaderContext)

#7 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(846): ResourceLoaderFileModule->readStyleFile(string, boolean, ResourceLoaderContext)

#8 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(390): ResourceLoaderFileModule->readStyleFiles(array, boolean, ResourceLoaderContext)

#9 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(666): ResourceLoaderFileModule->getStyles(ResourceLoaderContext)

#10 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(613): ResourceLoaderModule->buildContent(ResourceLoaderContext)

#11 /var/www/html/w/includes/resourceloader/ResourceLoader.php(1040): ResourceLoaderModule->getModuleContent(ResourceLoaderContext)

#12 /var/www/html/w/includes/resourceloader/ResourceLoader.php(763): ResourceLoader->makeModuleResponse(ResourceLoaderContext, array, array)

#13 /var/www/html/w/load.php(53): ResourceLoader->respond(ResourceLoaderContext)

#14 {main}

[78cf064f2b03ecda26489551] /w/load.php?debug=false&lang=de&modules=ext.visualEditor.targetLoader%2Ctrack%2Cve%7Cjquery.accessKeyLabel%2CbyteLength%2Cclient%2Ccookie%2CtextSelection%2Cthrottle-debounce%7Cmediawiki.RegExp%2CTitle%2CUri%2Capi%2Ccldr%2Ccookie%2Cexperiments%2CjqueryMsg%2Clanguage%2Cnotify%2Crouter%2Cstorage%2Ctemplate%2Cuser%2Cutil%2Cviewport%7Cmediawiki.api.user%7Cmediawiki.language.data%2Cinit%7Cmediawiki.libs.pluralruleparser%7Cmediawiki.page.startup%7Cmediawiki.template.hogan%2Cregexp%7Cmediawiki.ui.input%7Cmobile.ajax.styles%7Cmobile.betaoptin%2Cissues%2CmainMenu%2Creferences%2Csearch%2Csite%2Cstartup%2Ctoggle%2Cwatchstar%7Cmobile.editor.api%7Cmobile.issues.images%7Cmobile.loggingSchemas.edit%2CmobileWebMainMenuClickTracking%2CmobileWebSearch%7Cmobile.mainMenu.icons%2Cstyles%7Cmobile.overlay.images%7Cmobile.pagelist.scripts%2Cstyles%7Cmobile.pagesummary.styles%7Cmobile.references.gateway%2Cimages%7Cmobile.search.api%2Cimages%2Cutil%7Coojs%2Coojs-router%7Cskins.minerva.editor%2Cscripts%2Ctoggling%7Cskins.minerva.icons.images.scripts%2Cvariants%7Cskins.minerva.scripts.top%7Cuser.defaults&skin=minerva&version=1247avh   Less_Exception_Compiler from line 148 of /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Mixin/Call.php: .transition-transform is undefined in /var/www/html/w/extensions/MobileFrontend/resources/mobile.mainMenu.styles/mainmenu.less

Backtrace:

#0 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(147): Less_Tree_Mixin_Call->compile(Less_Environment)

#1 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(88): Less_Tree_Ruleset->EvalMixinCalls(Less_Tree_Ruleset, Less_Environment, integer)

#2 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#3 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#4 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Parser.php(199): Less_Tree_Ruleset->compile(Less_Environment)

#5 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(979): Less_Parser->getCss()

#6 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(875): ResourceLoaderFileModule->compileLessFile(string, ResourceLoaderContext)

#7 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(846): ResourceLoaderFileModule->readStyleFile(string, boolean, ResourceLoaderContext)

#8 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(390): ResourceLoaderFileModule->readStyleFiles(array, boolean, ResourceLoaderContext)

#9 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(666): ResourceLoaderFileModule->getStyles(ResourceLoaderContext)

#10 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(613): ResourceLoaderModule->buildContent(ResourceLoaderContext)

#11 /var/www/html/w/includes/resourceloader/ResourceLoader.php(1040): ResourceLoaderModule->getModuleContent(ResourceLoaderContext)

#12 /var/www/html/w/includes/resourceloader/ResourceLoader.php(763): ResourceLoader->makeModuleResponse(ResourceLoaderContext, array, array)

#13 /var/www/html/w/load.php(53): ResourceLoader->respond(ResourceLoaderContext)

#14 {main}

[78cf064f2b03ecda26489551] /w/load.php?debug=false&lang=de&modules=ext.visualEditor.targetLoader%2Ctrack%2Cve%7Cjquery.accessKeyLabel%2CbyteLength%2Cclient%2Ccookie%2CtextSelection%2Cthrottle-debounce%7Cmediawiki.RegExp%2CTitle%2CUri%2Capi%2Ccldr%2Ccookie%2Cexperiments%2CjqueryMsg%2Clanguage%2Cnotify%2Crouter%2Cstorage%2Ctemplate%2Cuser%2Cutil%2Cviewport%7Cmediawiki.api.user%7Cmediawiki.language.data%2Cinit%7Cmediawiki.libs.pluralruleparser%7Cmediawiki.page.startup%7Cmediawiki.template.hogan%2Cregexp%7Cmediawiki.ui.input%7Cmobile.ajax.styles%7Cmobile.betaoptin%2Cissues%2CmainMenu%2Creferences%2Csearch%2Csite%2Cstartup%2Ctoggle%2Cwatchstar%7Cmobile.editor.api%7Cmobile.issues.images%7Cmobile.loggingSchemas.edit%2CmobileWebMainMenuClickTracking%2CmobileWebSearch%7Cmobile.mainMenu.icons%2Cstyles%7Cmobile.overlay.images%7Cmobile.pagelist.scripts%2Cstyles%7Cmobile.pagesummary.styles%7Cmobile.references.gateway%2Cimages%7Cmobile.search.api%2Cimages%2Cutil%7Coojs%2Coojs-router%7Cskins.minerva.editor%2Cscripts%2Ctoggling%7Cskins.minerva.icons.images.scripts%2Cvariants%7Cskins.minerva.scripts.top%7Cuser.defaults&skin=minerva&version=1247avh   Less_Exception_Compiler from line 148 of /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Mixin/Call.php: .background-image-svg-quick is undefined in /var/www/html/w/extensions/MobileFrontend/resources/mobile.pagesummary.styles/pagesummary.less

Backtrace:

#0 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(147): Less_Tree_Mixin_Call->compile(Less_Environment)

#1 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(88): Less_Tree_Ruleset->EvalMixinCalls(Less_Tree_Ruleset, Less_Environment, integer)

#2 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#3 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Less_Environment)

#4 /var/www/html/w/vendor/oyejorge/less.php/lib/Less/Parser.php(199): Less_Tree_Ruleset->compile(Less_Environment)

#5 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(979): Less_Parser->getCss()

#6 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(875): ResourceLoaderFileModule->compileLessFile(string, ResourceLoaderContext)

#7 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(846): ResourceLoaderFileModule->readStyleFile(string, boolean, ResourceLoaderContext)

#8 /var/www/html/w/includes/resourceloader/ResourceLoaderFileModule.php(390): ResourceLoaderFileModule->readStyleFiles(array, boolean, ResourceLoaderContext)

#9 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(666): ResourceLoaderFileModule->getStyles(ResourceLoaderContext)

#10 /var/www/html/w/includes/resourceloader/ResourceLoaderModule.php(613): ResourceLoaderModule->buildContent(ResourceLoaderContext)

#11 /var/www/html/w/includes/resourceloader/ResourceLoader.php(1040): ResourceLoaderModule->getModuleContent(ResourceLoaderContext)

#12 /var/www/html/w/includes/resourceloader/ResourceLoader.php(763): ResourceLoader->makeModuleResponse(ResourceLoaderContext, array, array)

#13 /var/www/html/w/load.php(53): ResourceLoader->respond(ResourceLoaderContext)

#14 {main}

Malyacko (talkcontribs)

Please explicitly mention the exact versions of MediaWiki and the MobileFrontend extension. "Latest" can be many things (latest stable tarball; latest stable git revision; latest unstable; latest provided by your Linux distribution...)

Noboddy (talkcontribs)
Malyacko (talkcontribs)

You are mixing the master branch of MobileFrontend extension with the 1.29 branch of MediaWiki core. Might be unrelated but that is never a good idea because nobody has tested how random branches work together.

Noboddy (talkcontribs)

Thank you, I'll try to switch that branch and see if that fixes my problem!