StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-25 06:47:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update ULS styles

Browse source
This commit is contained in:
alistair3149 2021-03-11 21:27:56 -05:00
parent 4fb5005bd0
commit 206b98f5f8
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
1 changed files with 63 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
skinStyles/extensions/UniversalLanguageSelector/ext.uls.common.less
View file

@ -6,31 +6,73 @@
@import '../../../resources/variables.less';
@import '../../../resources/mixins.less';
// Need important to override
.uls-menu {
border: 0 !important;
border-radius: 0;
.boxshadow(5)!important;
}
.skin-citizen {
.uls {
&-menu {
border-color: var( --border-color-base );
background-color: var( --background-color-dp-04 );
.boxshadow(5);
}
.uls-search {
position: relative;
z-index: 1;
border: 0;
transition: @transition-box-shadow;
.boxshadow(2);
&-search {
position: relative;
border-color: var( --border-color-base );
background-color: var( --background-color-dp-08 );
transition: @transition-background-quick, @transition-box-shadow-quick;
.boxshadow(2);
&:focus-within {
.boxshadow(3);
&:focus-within {
background-color: var( --background-color-dp-12 );
.boxshadow(3);
}
}
&-filtersuggestion {
background: transparent;
color: var( --color-base--subtle );
}
&-languagefilter {
color: var( --color-base );
}
// Gotta fix this for mobile
&-narrow {
left: 0 !important;
width: 100% !important;
}
&-lcd {
background-color: var( --background-color-dp-04 );
&-region-title {
color: var( --color-base );
}
}
&-language-block {
> ul > li:hover {
background-color: var( --background-color-primary--hover );
}
}
}
#uls-settings-block {
border-color: var( --border-color-base );
background-color: var( --background-color-dp-04 );
}
}
// Gotta fix this for mobile
.uls-narrow {
left: 0 !important;
width: 100% !important;
}
.skin-citizen-dark {
.uls {
&-search {
&-label {
filter: invert( 1 );
}
}
}
#uls-settings-block {
border-color: @base-80 !important;
#uls-settings-block {
filter: invert( 1 );
}
}