Change fade color when hovering an inactive tab

2025-03-01 10:36:34 +00:00 · 2021-08-10 14:26:41 -04:00
parent 9e5218f6b4
commit e93734b209
1 changed files with 3 additions and 0 deletions
--- a/packages/node_modules/@node-red/editor-client/src/sass/tabs.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/tabs.scss
@@ -131,6 +131,9 @@
            &:not(.active) a:hover {
                color: $workspace-button-color-hover;
                background: $tab-background-hover;
+                &+.red-ui-tabs-fade {
+                    background-image: linear-gradient(to right, change-color($tab-background-hover, $alpha: 0.001), $tab-background-hover);
+                }
            }
        }
    }