jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge "Echo: Move skinStyles from Echo extension to Vector"

This commit is contained in:
jenkins-bot 2022-09-23 18:45:29 +00:00 committed by Gerrit Code Review
parent 4df2b12e31 452d59c7ef
commit 5336638945
2 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
skin.json
View File

@ -420,6 +420,7 @@
},
"ResourceModuleSkinStyles": {
"vector-2022": {
"ext.echo.styles.badge": "skinStyles/ext.echo.styles.badge.less",
"+ext.echo.styles.alert": "skinStyles/ext.echo.styles.alert.less",
"+mediawiki.action.edit": "skinStyles/mediawiki.action.edit.less",
"+mediawiki.action.view.redirectPage": "skinStyles/mediawiki.action.view.redirectPage.less",
@ -432,6 +433,7 @@
"+ext.visualEditor.base": "skinStyles/ext.visualEditor.less"
},
"vector": {
"ext.echo.styles.badge": "skinStyles/ext.echo.styles.badge.less",
"+ext.echo.styles.alert": "skinStyles/ext.echo.styles.alert.less",
"jquery.tipsy": "skinStyles/jquery.tipsy.less",
"jquery.ui": [

45
skinStyles/ext.echo.styles.badge.less Normal file
View File

@ -0,0 +1,45 @@
.vector-feature-visual-enhancement-next-disabled,
.skin-vector-legacy {
#pt-notifications-notice .mw-echo-notifications-badge,
#pt-notifications-alert .mw-echo-notifications-badge {
top: -5px;
}
}
.vector-feature-visual-enhancement-next-disabled .vector-user-links {
#pt-notifications-alert,
#pt-notifications-notice {
margin: 0;
// Override OOUI icon styles to match core icons
.mw-echo-notifications-badge {
top: 0;
margin: 0;
background-repeat: no-repeat;
background-position: center;
width: 44px;
height: 44px;
opacity: 1;
&:hover {
background-color: rgba( 0, 0, 0, 0.03 );
border-radius: 2px;
}
// Adjust counter styles when counter is present
&:not( .mw-echo-notifications-badge-all-read ) {
&:after {
left: 24px;
top: 19px;
}
}
}
}
}
.vector-feature-visual-enhancement-next-disabled {
#p-personal #pt-notifications-alert,
#p-personal #pt-notifications-notice {
margin-right: 0.4em;
}
}