Optimise Special:MobileOptions for tablet display

Bug: T180095
Change-Id: I0ef0ce914a360848f8f66b39c40588f3fa04647c
This commit is contained in:
jdlrobson 2017-12-01 10:52:02 -08:00
parent c986db6c0e
commit 1146cef6b1
4 changed files with 25 additions and 2 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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"
],

View File

@ -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;
}
}
}