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

fix(core): 🐛 incorrect opacity and color of icons in button

Browse source
This commit is contained in:
alistair3149 2024-06-11 15:48:02 -04:00
parent 6dcf7c6dc7
commit 8541b7ee88
No known key found for this signature in database
2 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
resources/mixins.less
View file

@ -175,6 +175,11 @@
.button-blue() {
color: var( --color-inverted-primary ) !important;
background-color: var( --color-primary );
.citizen-ui-icon::before {
filter: invert( 1 );
opacity: 1;
}
}
.button-blue-hover() {
@ -188,6 +193,11 @@
.button-red() {
color: var( --color-inverted-fixed ) !important;
background-color: var( --color-destructive );
.citizen-ui-icon::before {
filter: invert( 1 );
opacity: 1;
}
}
.button-red-hover() {
@ -212,5 +222,5 @@
// color filter
@svg-filter-id: "recolor";
filter: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="@{svg-filter-id}" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 @{r} 0 0 0 0 @{g} 0 0 0 0 @{b} 0 0 0 @{a} 0"/></filter></svg> #@{svg-filter-id}' );
filter: url( ';data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="@{svg-filter-id}" color-interpolation-filters="sRGB"><feColorMatrix type="matrix" values="0 0 0 0 @{r} 0 0 0 0 @{g} 0 0 0 0 @{b} 0 0 0 @{a} 0"/></filter></svg> #@{svg-filter-id}' );
}

8
resources/skins.citizen.styles/components/UserMenu.less
View file

@ -2,10 +2,14 @@
.citizen-menu__card {
.citizen-header-card( end );
min-width: 16rem;
transform-origin: var( --transform-origin-offset-end ) var( --transform-origin-offset-end );
transform-origin:
var( --transform-origin-offset-end )
var( --transform-origin-offset-end );
@media ( min-width: @min-width-breakpoint-desktop ) {
transform-origin: var( --transform-origin-offset-start ) var( --transform-origin-offset-end );
transform-origin:
var( --transform-origin-offset-start )
var( --transform-origin-offset-end );
}
.citizen-menu__heading {