frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Fix tab fade CSS for when using themes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/node_modules/@node-red/editor-client/src/sass/tabs.scss vendored
View File

@ -104,7 +104,7 @@
} }
.red-ui-tabs-fade { .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) { &:not(.active) {
background: $tab-background-selected; background: $tab-background-selected;
.red-ui-tabs-fade { .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 { .red-ui-tabs-badge-selected {
background: $tab-background-selected; background: $tab-background-selected;
@ -308,7 +308,7 @@
top: 0; top: 0;
right: 0; right: 0;
width: 15px; 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; pointer-events: none;
} }