1
0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00

Merge pull request #3085 from bonanitech/fade-colors

Fix tab fade CSS for when using themes
This commit is contained in:
Nick O'Leary 2021-07-26 14:08:15 +01:00 committed by GitHub
commit c100612473
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

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;
}