Pull out Vector personal tools styles into skinStyle
Most of the skin styles are no longer needed for modern Vector. This refactors them so that they only apply to legacy vector, reducing the overrides needed inside Vector. Depends-On: I1edee874a42b070bc319648496ae80a01b6365fb Bug: T289630 Change-Id: Ic5ab5172d881c48caae6bb3691ccc95515dcdcdb
This commit is contained in:
@@ -300,7 +300,18 @@
|
||||
"targets": [ "desktop", "mobile" ],
|
||||
"styles": "css/ext.uls.pt.less",
|
||||
"skinStyles": {
|
||||
"monobook": "css/ext.uls.pt-monobook.less"
|
||||
"default": [
|
||||
"css/ext.uls.pt.less",
|
||||
"css/ext.uls.pt-default.less"
|
||||
],
|
||||
"vector": [
|
||||
"css/ext.uls.pt-vector.less"
|
||||
],
|
||||
"monobook": [
|
||||
"css/ext.uls.pt.less",
|
||||
"css/ext.uls.pt-default.less",
|
||||
"css/ext.uls.pt-monobook.less"
|
||||
]
|
||||
}
|
||||
},
|
||||
"ext.uls.setlang": {
|
||||
|
||||
16
resources/css/ext.uls.pt-default.less
Normal file
16
resources/css/ext.uls.pt-default.less
Normal file
@@ -0,0 +1,16 @@
|
||||
/* stylelint-disable selector-max-id */
|
||||
/* Opera for some inexplicable reason confuses right and left padding with */
|
||||
/* RTL text direction here (bug T47142). x:-o-prefocus won't match anything, */
|
||||
/* but will make other browsers ignore this rule. */
|
||||
/* stylelint-disable selector-type-no-unknown */
|
||||
x:-o-prefocus,
|
||||
body.rtl li#pt-uls {
|
||||
/* @noflip */
|
||||
direction: ltr;
|
||||
}
|
||||
/* stylelint-enable selector-type-no-unknown */
|
||||
|
||||
/* Don't show it to users who disabled JS */
|
||||
.client-nojs #pt-uls {
|
||||
display: none;
|
||||
}
|
||||
9
resources/css/ext.uls.pt-vector.less
Normal file
9
resources/css/ext.uls.pt-vector.less
Normal file
@@ -0,0 +1,9 @@
|
||||
// Resets the background set in jquery.uls for Modern Vector
|
||||
.vector-user-links .uls-trigger {
|
||||
background: none;
|
||||
}
|
||||
|
||||
// Applies old styling rules to legacy Vector
|
||||
.skin-vector-legacy {
|
||||
@import 'ext.uls.pt.less';
|
||||
}
|
||||
@@ -24,13 +24,6 @@
|
||||
// Let the SVG image fit without cropping or stretch
|
||||
background-size: contain;
|
||||
padding-left: 24px;
|
||||
|
||||
// Certain skins upgrade this to mw-ui-button. Background and padding should not apply.
|
||||
// e.g. Modern Vector
|
||||
&.mw-ui-button {
|
||||
background: none;
|
||||
padding-left: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
#pt-uls {
|
||||
@@ -59,19 +52,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Opera for some inexplicable reason confuses right and left padding with */
|
||||
/* RTL text direction here (bug T47142). x:-o-prefocus won't match anything, */
|
||||
/* but will make other browsers ignore this rule. */
|
||||
/* stylelint-disable selector-type-no-unknown */
|
||||
x:-o-prefocus,
|
||||
body.rtl li#pt-uls {
|
||||
/* @noflip */
|
||||
direction: ltr;
|
||||
}
|
||||
/* stylelint-enable selector-type-no-unknown */
|
||||
|
||||
/* Don't show it to users who disabled JS */
|
||||
.client-nojs #pt-uls {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user