Fix tab fade css because Safari

knolleary · knolleary · commit 233a1995b3e2 · 2021-07-21T10:26:06.000+01:00
Fixes #3073
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
@@ -104,15 +104,15 @@
                 }
 
                 .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);
                 }
 
             }
             &.selected {
                 &: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;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -104,15 +104,15 @@`
`104`	`104`	`}`
`105`	`105`
`106`	`106`	`.red-ui-tabs-fade {`
`107`		`- background-image: linear-gradient(to right, transparent, $tab-background-active);`
	`107`	`+ background-image: linear-gradient(to right, rgba(255,255,255,0.001), $tab-background-active);`
`108`	`108`	`}`
`109`	`109`
`110`	`110`	`}`
`111`	`111`	`&.selected {`
`112`	`112`	`&:not(.active) {`
`113`	`113`	`background: $tab-background-selected;`
`114`	`114`	`.red-ui-tabs-fade {`
`115`		`- background-image: linear-gradient(to right, transparent, $tab-background-selected);`
	`115`	`+ background-image: linear-gradient(to right, rgba(255,255,255,0.001), $tab-background-selected);`
`116`	`116`	`}`
`117`	`117`	`.red-ui-tabs-badge-selected {`
`118`	`118`	`background: $tab-background-selected;`
`@@ -308,7 +308,7 @@`
`308`	`308`	`top: 0;`
`309`	`309`	`right: 0;`
`310`	`310`	`width: 15px;`
`311`		`- background-image: linear-gradient(to right, transparent, $tab-background-inactive);`
	`311`	`+ background-image: linear-gradient(to right, rgba(255,255,255,0.001), $tab-background-inactive);`
`312`	`312`	`pointer-events: none;`
`313`	`313`	`}`
`314`	`314`