Fix tab fade CSS for when using themes

This commit is contained in:
Mauricio Bonani 2021-07-25 11:08:55 -04:00
parent 142176f194
commit 36e75cb728
1 changed files with 3 additions and 3 deletions

View File

@ -104,7 +104,7 @@
}
.red-ui-tabs-fade {
background-image: linear-gradient(to right, rgba(255,255,255,0.001), $tab-background-active);
background-image: linear-gradient(to right, change-color($tab-background-active, $alpha: 0.001), $tab-background-active);
}
}
@ -112,7 +112,7 @@
&:not(.active) {
background: $tab-background-selected;
.red-ui-tabs-fade {
background-image: linear-gradient(to right, rgba(255,255,255,0.001), $tab-background-selected);
background-image: linear-gradient(to right, change-color($tab-background-selected, $alpha: 0.001), $tab-background-selected);
}
.red-ui-tabs-badge-selected {
background: $tab-background-selected;
@ -308,7 +308,7 @@
top: 0;
right: 0;
width: 15px;
background-image: linear-gradient(to right, rgba(255,255,255,0.001), $tab-background-inactive);
background-image: linear-gradient(to right, change-color($tab-background-inactive, $alpha: 0.001), $tab-background-inactive);
pointer-events: none;
}