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:
jdlrobson
2021-08-31 09:22:45 -07:00
committed by jenkins-bot
parent 4d1ae715ab
commit a55369e0e2
4 changed files with 37 additions and 24 deletions

View File

@@ -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": {

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

View 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';
}

View File

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