fix(skinStyles): move personal menu ULS button styles to the right module

This commit is contained in:
alistair3149 2022-06-02 12:39:54 -04:00
parent 9000a4e326
commit 2853a05d8f
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
3 changed files with 37 additions and 27 deletions

View file

@ -602,6 +602,7 @@
"+ext.uls.interface": "skinStyles/extensions/UniversalLanguageSelector/ext.uls.interface.less",
"+ext.uls.interlanguage": "skinStyles/extensions/UniversalLanguageSelector/ext.uls.interlanguage.less",
"+ext.uls.languagesettings": "skinStyles/extensions/UniversalLanguageSelector/ext.uls.languagesettings.less",
"+ext.uls.pt": "skinStyles/extensions/UniversalLanguageSelector/ext.uls.pt.less",
"+ext.uls.setlang": "skinStyles/extensions/UniversalLanguageSelector/ext.uls.setlang.less",
"+jquery.ime": "skinStyles/extensions/UniversalLanguageSelector/jquery.ime.less",
"+jquery.uls": "skinStyles/extensions/UniversalLanguageSelector/jquery.uls.less",

View file

@ -0,0 +1,36 @@
/*
* Citizen
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.pt
* Version: MLEB 2021.12
*
* Date: 2022-05-17
*/
// Needed to override specificity from original style
.skin-citizen #pt-uls .uls-trigger {
display: flex;
flex-direction: row-reverse; // So that icon is after the text
padding: 0.625rem 1.25rem !important;
// Sync with .resource-loader-list-icon() mixin
&:before {
width: @icon-size;
height: @icon-size;
flex-shrink: 0;
padding: 0;
background-position: center;
background-size: contain;
opacity: var( --opacity-icon-base );
}
// Hide default icon
&:after {
content: none;
}
}
.skin-citizen-dark .uls-trigger:before {
filter: invert( 1 ) hue-rotate( 180deg );
}

View file

@ -9,33 +9,6 @@
*/
/* jquery.uls.css */
// Needed to override specificity from original style
.skin-citizen #pt-uls .uls-trigger {
display: flex;
flex-direction: row-reverse; // So that icon is after the text
padding: 0.625rem 1.25rem !important;
// Sync with .resource-loader-list-icon() mixin
&:before {
width: @icon-size;
height: @icon-size;
flex-shrink: 0;
padding: 0;
background-position: center;
background-size: contain;
opacity: var( --opacity-icon-base );
}
// Hide default icon
&:after {
content: none;
}
}
.skin-citizen-dark .uls-trigger:before {
filter: invert( 1 ) hue-rotate( 180deg );
}
.uls-menu {
border: 0;
background-color: var( --color-surface-1 );