StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-29 00:31:09 +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/variables.less';
@import '../../../resources/mixins.less'; @import '../../../resources/mixins.less';
// Need important to override .skin-citizen {
.uls-menu { .uls {
border: 0 !important; &-menu {
border-radius: 0; border-color: var( --border-color-base );
.boxshadow(5)!important; background-color: var( --background-color-dp-04 );
} .boxshadow(5);
}
.uls-search { &-search {
position: relative; position: relative;
z-index: 1; border-color: var( --border-color-base );
border: 0; background-color: var( --background-color-dp-08 );
transition: @transition-box-shadow; transition: @transition-background-quick, @transition-box-shadow-quick;
.boxshadow(2); .boxshadow(2);
&:focus-within { &:focus-within {
.boxshadow(3); 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 .skin-citizen-dark {
.uls-narrow { .uls {
left: 0 !important; &-search {
width: 100% !important; &-label {
} filter: invert( 1 );
}
}
}
#uls-settings-block { #uls-settings-block {
border-color: @base-80 !important; filter: invert( 1 );
}
} }