From 6fdac0fbdce1a1f5e2123b72cf033a7a554946a1 Mon Sep 17 00:00:00 2001 From: Rotzbua Date: Tue, 18 Jun 2024 19:12:13 +0200 Subject: [PATCH] fix(css): remove old polyfills Remove vendor specific polyfills for Konqueror, old Safari, Internet Explorer, Mozilla and Chrome --- .../editor-client/src/js/ui/common/tabs.js | 2 +- .../editor-client/src/js/ui/common/typedInput.js | 4 ++-- .../@node-red/editor-client/src/sass/base.scss | 4 ---- .../@node-red/editor-client/src/sass/editor.scss | 4 ---- .../@node-red/editor-client/src/sass/mixins.scss | 6 ------ .../editor-client/src/sass/notifications.scss | 3 --- .../@node-red/editor-client/src/sass/palette.scss | 13 +++---------- .../@node-red/editor-client/src/sass/panels.scss | 8 -------- .../@node-red/editor-client/src/sass/sidebar.scss | 4 ---- .../@node-red/editor-client/src/sass/tab-info.scss | 4 ---- .../@node-red/editor-client/src/sass/tabs.scss | 3 --- .../@node-red/editor-client/src/sass/tourGuide.scss | 3 --- .../editor-client/src/sass/ui/common/searchBox.scss | 2 -- .../editor-client/src/sass/ui/common/treeList.scss | 4 ---- .../src/sass/ui/common/typedInput.scss | 6 ------ .../@node-red/nodes/core/common/20-inject.html | 3 --- 16 files changed, 6 insertions(+), 67 deletions(-) diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/common/tabs.js b/packages/node_modules/@node-red/editor-client/src/js/ui/common/tabs.js index d9dc4b289..884bb4f56 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/common/tabs.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/common/tabs.js @@ -697,7 +697,7 @@ RED.tabs = (function() { } var link = $("",{href:"#"+tab.id, class:"red-ui-tab-label"}).appendTo(li); if (tab.icon) { - $('',{class:"red-ui-tab-icon", style:"mask-image: url("+tab.icon+"); -webkit-mask-image: url("+tab.icon+");"}).appendTo(link); + $('',{class:"red-ui-tab-icon", style:"mask-image: url("+tab.icon+");"}).appendTo(link); } else if (tab.iconClass) { $('',{class:"red-ui-tab-icon "+tab.iconClass}).appendTo(link); } diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js b/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js index 47355565f..4c9d53a99 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js @@ -957,7 +957,7 @@ if (opt.icon.indexOf("<") === 0) { $(opt.icon).prependTo(op); } else if (opt.icon.indexOf("/") !== -1) { - $('',{class:"red-ui-typedInput-icon", style:"mask-image: url("+opt.icon+"); -webkit-mask-image: url("+opt.icon+");"}).prependTo(op); + $('',{class:"red-ui-typedInput-icon", style:"mask-image: url("+opt.icon+");"}).prependTo(op); } else { $('',{class:"red-ui-typedInput-icon "+opt.icon}).prependTo(op); } @@ -1320,7 +1320,7 @@ $(opt.icon).prependTo(this.selectLabel); } else if (opt.icon.indexOf("/") !== -1) { - $('',{class:"red-ui-typedInput-icon", style:"mask-image: url("+opt.icon+"); -webkit-mask-image: url("+opt.icon+"); margin-right: 4px;height: 18px;width:13px"}).prependTo(this.selectLabel); + $('',{class:"red-ui-typedInput-icon", style:"mask-image: url("+opt.icon+"); margin-right: 4px;height: 18px;width:13px"}).prependTo(this.selectLabel); } else { $('',{class:"red-ui-typedInput-icon "+opt.icon,style:"min-width: 13px; margin-right: 4px;"}).prependTo(this.selectLabel); diff --git a/packages/node_modules/@node-red/editor-client/src/sass/base.scss b/packages/node_modules/@node-red/editor-client/src/sass/base.scss index 58e77863d..e72b5ab0b 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/base.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/base.scss @@ -142,13 +142,9 @@ body { line-height: 14px; vertical-align: text-top; margin-top: 0px; - -webkit-mask-image: url(images/spin.svg); mask-image: url(images/spin.svg); - -webkit-mask-size: contain; mask-size: contain; - -webkit-mask-position: 50% 50%; mask-position: 50% 50%; - -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--red-ui-spinner-color); } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss index dcc8060d4..11cf7c756 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss @@ -161,13 +161,9 @@ display: block; width: 100%; height: 100%; - -webkit-mask-image: url(images/grip.svg); mask-image: url(images/grip.svg); - -webkit-mask-size: auto; mask-size: auto; - -webkit-mask-position: 50% 50%; mask-position: 50% 50%; - -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--red-ui-grip-color); } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/mixins.scss b/packages/node_modules/@node-red/editor-client/src/sass/mixins.scss index 6262597a1..e07ad8340 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/mixins.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/mixins.scss @@ -16,17 +16,11 @@ @mixin disable-selection { -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } @mixin enable-selection { -webkit-user-select: auto; - -khtml-user-select: auto; - -moz-user-select: auto; - -ms-user-select: auto; user-select: auto; } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/notifications.scss b/packages/node_modules/@node-red/editor-client/src/sass/notifications.scss index c0e87b7ba..94e9d0fe8 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/notifications.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/notifications.scss @@ -79,20 +79,17 @@ @keyframes red-ui-notification-shake-horizontal { 0%, 100% { - -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70% { - -webkit-transform: translateX(-1px); transform: translateX(-1px); } 20%, 40%, 60% { - -webkit-transform: translateX(1px); transform: translateX(1px); } } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/palette.scss b/packages/node_modules/@node-red/editor-client/src/sass/palette.scss index a3afc3d76..5e77a9503 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/palette.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/palette.scss @@ -90,17 +90,11 @@ position: absolute; left: 11px; top: 12px; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); + transition: all 0.2s ease-in-out; + transform: rotate(-90deg); } .red-ui-palette-header i.expanded { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); + transform: rotate(0deg); } .red-ui-palette-header span { clear: both; @@ -148,7 +142,6 @@ top:8px; left: -5px; box-sizing: border-box; - -moz-box-sizing: border-box; background: var(--red-ui-node-port-background); border-radius: 3px; width: 10px; diff --git a/packages/node_modules/@node-red/editor-client/src/sass/panels.scss b/packages/node_modules/@node-red/editor-client/src/sass/panels.scss index c782b341b..5bab14b28 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/panels.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/panels.scss @@ -47,13 +47,9 @@ display: block; width: 100%; height: 100%; - -webkit-mask-image: url(images/grip-horizontal.svg); mask-image: url(images/grip-horizontal.svg); - -webkit-mask-size: contain; mask-size: contain; - -webkit-mask-position: center; mask-position: center; - -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--red-ui-grip-color); } @@ -93,13 +89,9 @@ display: block; width: 100%; height: 100%; - -webkit-mask-image: url(images/grip.svg); mask-image: url(images/grip.svg); - -webkit-mask-size: contain; mask-size: contain; - -webkit-mask-position: 50% 50%; mask-position: 50% 50%; - -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--red-ui-grip-color); } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss index 21a57d29d..87317b798 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss @@ -55,13 +55,9 @@ display: block; width: 100%; height: 100%; - -webkit-mask-image: url(images/grip.svg); mask-image: url(images/grip.svg); - -webkit-mask-size: auto; mask-size: auto; - -webkit-mask-position: 50% 50%; mask-position: 50% 50%; - -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--red-ui-grip-color); } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss b/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss index 313025b27..a58709529 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss @@ -552,13 +552,9 @@ div.red-ui-info-table { .red-ui-icons-flow { mask-image: url(images/subflow_tab.svg); - -webkit-mask-image: url(images/subflow_tab.svg); mask-position: center; - -webkit-mask-position: center; mask-size: contain; - -webkit-mask-size: contain; mask-repeat: no-repeat; - -webkit-mask-repeat: no-repeat; background-color: var(--red-ui-icons-flow-color); // filter: brightness(2.5); } 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 595423888..ee6e73f05 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 @@ -359,11 +359,8 @@ i.red-ui-tab-icon { width: 20px; height: 20px; vertical-align: middle; - -webkit-mask-size: contain; mask-size: contain; - -webkit-mask-position: center; mask-position: center; - -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--red-ui-tab-icon-color); } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/tourGuide.scss b/packages/node_modules/@node-red/editor-client/src/sass/tourGuide.scss index a22c07f7f..7bc2edb60 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/tourGuide.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/tourGuide.scss @@ -110,15 +110,12 @@ // 0%, // 10%, // 100% { -// -webkit-transform: translateY(0); // transform: translateY(0); // } // 2%,8% { -// -webkit-transform: translateY(-5px); // transform: translateY(-5px); // } // 5% { -// -webkit-transform: translateY(5px); // transform: translateY(5px); // } // } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/searchBox.scss b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/searchBox.scss index 8788ed6a7..dc513c15b 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/searchBox.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/searchBox.scss @@ -49,7 +49,6 @@ border: none; width: 100%; box-shadow: none; - -webkit-box-shadow: none; padding: 3px 17px 3px 22px; margin: 0px; height: 30px; @@ -58,7 +57,6 @@ &:focus { border: none; box-shadow: none; - -webkit-box-shadow: none; } } a { diff --git a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss index f076a533e..cf015d1e0 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss @@ -135,13 +135,9 @@ } .red-ui-treeList-spinner { height: 32px; - -webkit-mask-image: url(images/spin.svg); mask-image: url(images/spin.svg); - -webkit-mask-size: auto 20px; mask-size: auto 20px; - -webkit-mask-position: 50% 50%; mask-position: 50% 50%; - -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--red-ui-spinner-color); } diff --git a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/typedInput.scss b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/typedInput.scss index 1a421fac5..31887d4d1 100644 --- a/packages/node_modules/@node-red/editor-client/src/sass/ui/common/typedInput.scss +++ b/packages/node_modules/@node-red/editor-client/src/sass/ui/common/typedInput.scss @@ -105,11 +105,8 @@ .red-ui-typedInput-icon { margin-right: 6px; &:not(.fa) { - -webkit-mask-size: cover; mask-size: cover; - -webkit-mask-position: center; mask-position: center; - -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--red-ui-primary-text-color); height: 14px; @@ -155,11 +152,8 @@ button.red-ui-typedInput-option-trigger } .red-ui-typedInput-icon:not(.fa) { display: inline-block; - -webkit-mask-size: cover; mask-size: cover; - -webkit-mask-position: center; mask-position: center; - -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--red-ui-primary-text-color); } diff --git a/packages/node_modules/@node-red/nodes/core/common/20-inject.html b/packages/node_modules/@node-red/nodes/core/common/20-inject.html index 5895220d3..111fa3630 100644 --- a/packages/node_modules/@node-red/nodes/core/common/20-inject.html +++ b/packages/node_modules/@node-red/nodes/core/common/20-inject.html @@ -123,9 +123,6 @@ } .inject-time-days label { -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; vertical-align: baseline; width: 100px;