From 233a1995b3e29c59513792a37e4cbabf0007d4a4 Mon Sep 17 00:00:00 2001 From: Nick O'Leary Date: Wed, 21 Jul 2021 10:26:06 +0100 Subject: [PATCH] Fix tab fade css because Safari Fixes #3073 --- .../node_modules/@node-red/editor-client/src/sass/tabs.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tabs.scss b/packages/node_modules/@node-red/editor-client/src/sass/tabs.scss index fc9c07406..86bcee647 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/tabs.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/tabs.scss @@ -104,7 +104,7 @@ } .red-ui-tabs-fade { - background-image: linear-gradient(to right, transparent, $tab-background-active); + background-image: linear-gradient(to right, rgba(255,255,255,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, transparent, $tab-background-selected); + background-image: linear-gradient(to right, rgba(255,255,255,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, transparent, $tab-background-inactive); + background-image: linear-gradient(to right, rgba(255,255,255,0.001), $tab-background-inactive); pointer-events: none; }