Rework Vector style of Preferences to prevent FOUC

Depends on: I24d9b16

Bug: T115692
Change-Id: I59f0f4538132e60a457c5c93139c04fff24fd2b2
This commit is contained in:
Derk-Jan Hartman 2015-11-01 01:38:33 +01:00 committed by Ori.livneh
parent adcc672bd4
commit 33d736d0f2
2 changed files with 12 additions and 14 deletions

View File

@ -89,7 +89,7 @@
"+mediawiki.sectionAnchor": "skinStyles/mediawiki.sectionAnchor.less", "+mediawiki.sectionAnchor": "skinStyles/mediawiki.sectionAnchor.less",
"ooui": "skinStyles/ooui.less", "ooui": "skinStyles/ooui.less",
"mediawiki.special": "skinStyles/mediawiki.special.less", "mediawiki.special": "skinStyles/mediawiki.special.less",
"mediawiki.special.preferences": "skinStyles/mediawiki.special.preferences.less" "+mediawiki.special.preferences.styles": "skinStyles/mediawiki.special.preferences.styles.less"
} }
}, },
"config": { "config": {

View File

@ -6,14 +6,13 @@
* preftoc id was more human readable like preferences-toc for instance, * preftoc id was more human readable like preferences-toc for instance,
* howerver this would require backporting the other skins. * howerver this would require backporting the other skins.
*/ */
.client-js #preftoc {
#preftoc {
/* Tabs */ /* Tabs */
width: 100%; width: 100%;
float: left; float: left;
clear: both; clear: both;
margin: 0 !important; margin: 0;
padding: 0 !important; padding: 0;
.background-image('../images/preferences/break.png'); .background-image('../images/preferences/break.png');
background-position: bottom left; background-position: bottom left;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -43,7 +42,6 @@
background-position: bottom; background-position: bottom;
background-repeat: repeat-x; background-repeat: repeat-x;
color: #333; color: #333;
text-decoration: none;
} }
} }
} }
@ -65,7 +63,7 @@
} }
} }
#preferences { .client-js #preferences {
float: left; float: left;
width: 100%; width: 100%;
margin: 0; margin: 0;
@ -77,15 +75,15 @@
fieldset { fieldset {
border: none; border: none;
border-top: solid 1px #ccc; border-top: solid 1px #ccc;
}
&.prefsection { >fieldset {
border: none; border: none;
padding: 0; padding: 0;
margin: 1em; margin: 1em;
legend.mainLegend { >legend {
display: none; display: none;
}
} }
} }