diff --git a/resources/skins.minerva.base.styles/ui.less b/resources/skins.minerva.base.styles/ui.less index 2fbfd81..d26b9bb 100644 --- a/resources/skins.minerva.base.styles/ui.less +++ b/resources/skins.minerva.base.styles/ui.less @@ -446,6 +446,8 @@ input.search { .pre-content, // Form only pages e.g Special:MobileOptions #mw-content-text > form .oo-ui-fieldLayout-body, +// Save button on Special:MobileOptions +#mw-content-text > form > .oo-ui-widget, .content, .post-content { margin: 0 @contentMargin; diff --git a/resources/skins.minerva.tablet.styles/common.less b/resources/skins.minerva.tablet.styles/common.less index 9fe89d3..5c57993 100644 --- a/resources/skins.minerva.tablet.styles/common.less +++ b/resources/skins.minerva.tablet.styles/common.less @@ -138,8 +138,6 @@ A file for css that optimises the Minerva skin on larger devices. .post-content, // Form only pages e.g. Special:MobileOptions #mw-content-text > form, - // Form only pages e.g Special:MobileOptions - #mw-content-text > form .oo-ui-fieldLayout-body, // FIXME: remove need for id selector #mw-mf-page-center .pointer-overlay { margin-left: auto; diff --git a/skin.json b/skin.json index c81b5c1..b731766 100644 --- a/skin.json +++ b/skin.json @@ -39,6 +39,9 @@ }, "ResourceModuleSkinStyles": { "minerva": { + "mobile.special.mobileoptions.styles": [ + "skinStyles/mobile.special.mobileoptions.styles/minerva.less" + ], "mediawiki.special.userlogin.common.styles": [ "skinStyles/mediawiki.special.userlogin.common.styles/minerva.less" ], diff --git a/skinStyles/mobile.special.mobileoptions.styles/minerva.less b/skinStyles/mobile.special.mobileoptions.styles/minerva.less new file mode 100644 index 0000000..f326b5e --- /dev/null +++ b/skinStyles/mobile.special.mobileoptions.styles/minerva.less @@ -0,0 +1,20 @@ +@import 'minerva.variables'; + +@media all and ( min-width: @deviceWidthTablet ) { + .ns-special .pre-content { + background: #fff; + + .tagline, + h1 { + margin: 0 @contentMargin; + } + } + + .ns-special #content { + background: @colorGray14; + + form { + background: #fff; + } + } +}