fix(css): remove old polyfills

Remove vendor specific polyfills for Konqueror, old Safari, Internet Explorer, Mozilla and Chrome
This commit is contained in:
Rotzbua 2024-06-18 19:12:13 +02:00
parent a622d19ba7
commit 6fdac0fbdc
No known key found for this signature in database
GPG Key ID: C69022D529C17845
16 changed files with 6 additions and 67 deletions

View File

@ -697,7 +697,7 @@ RED.tabs = (function() {
} }
var link = $("<a/>",{href:"#"+tab.id, class:"red-ui-tab-label"}).appendTo(li); var link = $("<a/>",{href:"#"+tab.id, class:"red-ui-tab-label"}).appendTo(li);
if (tab.icon) { if (tab.icon) {
$('<i>',{class:"red-ui-tab-icon", style:"mask-image: url("+tab.icon+"); -webkit-mask-image: url("+tab.icon+");"}).appendTo(link); $('<i>',{class:"red-ui-tab-icon", style:"mask-image: url("+tab.icon+");"}).appendTo(link);
} else if (tab.iconClass) { } else if (tab.iconClass) {
$('<i>',{class:"red-ui-tab-icon "+tab.iconClass}).appendTo(link); $('<i>',{class:"red-ui-tab-icon "+tab.iconClass}).appendTo(link);
} }

View File

@ -957,7 +957,7 @@
if (opt.icon.indexOf("<") === 0) { if (opt.icon.indexOf("<") === 0) {
$(opt.icon).prependTo(op); $(opt.icon).prependTo(op);
} else if (opt.icon.indexOf("/") !== -1) { } else if (opt.icon.indexOf("/") !== -1) {
$('<i>',{class:"red-ui-typedInput-icon", style:"mask-image: url("+opt.icon+"); -webkit-mask-image: url("+opt.icon+");"}).prependTo(op); $('<i>',{class:"red-ui-typedInput-icon", style:"mask-image: url("+opt.icon+");"}).prependTo(op);
} else { } else {
$('<i>',{class:"red-ui-typedInput-icon "+opt.icon}).prependTo(op); $('<i>',{class:"red-ui-typedInput-icon "+opt.icon}).prependTo(op);
} }
@ -1320,7 +1320,7 @@
$(opt.icon).prependTo(this.selectLabel); $(opt.icon).prependTo(this.selectLabel);
} }
else if (opt.icon.indexOf("/") !== -1) { else if (opt.icon.indexOf("/") !== -1) {
$('<i>',{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); $('<i>',{class:"red-ui-typedInput-icon", style:"mask-image: url("+opt.icon+"); margin-right: 4px;height: 18px;width:13px"}).prependTo(this.selectLabel);
} }
else { else {
$('<i>',{class:"red-ui-typedInput-icon "+opt.icon,style:"min-width: 13px; margin-right: 4px;"}).prependTo(this.selectLabel); $('<i>',{class:"red-ui-typedInput-icon "+opt.icon,style:"min-width: 13px; margin-right: 4px;"}).prependTo(this.selectLabel);

View File

@ -142,13 +142,9 @@ body {
line-height: 14px; line-height: 14px;
vertical-align: text-top; vertical-align: text-top;
margin-top: 0px; margin-top: 0px;
-webkit-mask-image: url(images/spin.svg);
mask-image: url(images/spin.svg); mask-image: url(images/spin.svg);
-webkit-mask-size: contain;
mask-size: contain; mask-size: contain;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%; mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: var(--red-ui-spinner-color); background-color: var(--red-ui-spinner-color);
} }

View File

@ -161,13 +161,9 @@
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
-webkit-mask-image: url(images/grip.svg);
mask-image: url(images/grip.svg); mask-image: url(images/grip.svg);
-webkit-mask-size: auto;
mask-size: auto; mask-size: auto;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%; mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: var(--red-ui-grip-color); background-color: var(--red-ui-grip-color);
} }

View File

@ -16,17 +16,11 @@
@mixin disable-selection { @mixin disable-selection {
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
} }
@mixin enable-selection { @mixin enable-selection {
-webkit-user-select: auto; -webkit-user-select: auto;
-khtml-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto; user-select: auto;
} }

View File

@ -79,20 +79,17 @@
@keyframes red-ui-notification-shake-horizontal { @keyframes red-ui-notification-shake-horizontal {
0%, 0%,
100% { 100% {
-webkit-transform: translateX(0);
transform: translateX(0); transform: translateX(0);
} }
10%, 10%,
30%, 30%,
50%, 50%,
70% { 70% {
-webkit-transform: translateX(-1px);
transform: translateX(-1px); transform: translateX(-1px);
} }
20%, 20%,
40%, 40%,
60% { 60% {
-webkit-transform: translateX(1px);
transform: translateX(1px); transform: translateX(1px);
} }
} }

View File

@ -90,17 +90,11 @@
position: absolute; position: absolute;
left: 11px; left: 11px;
top: 12px; top: 12px;
-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; transform: rotate(-90deg);
-o-transition: all 0.2s ease-in-out;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
} }
.red-ui-palette-header i.expanded { .red-ui-palette-header i.expanded {
-webkit-transform: rotate(0deg); transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
} }
.red-ui-palette-header span { .red-ui-palette-header span {
clear: both; clear: both;
@ -148,7 +142,6 @@
top:8px; top:8px;
left: -5px; left: -5px;
box-sizing: border-box; box-sizing: border-box;
-moz-box-sizing: border-box;
background: var(--red-ui-node-port-background); background: var(--red-ui-node-port-background);
border-radius: 3px; border-radius: 3px;
width: 10px; width: 10px;

View File

@ -47,13 +47,9 @@
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
-webkit-mask-image: url(images/grip-horizontal.svg);
mask-image: url(images/grip-horizontal.svg); mask-image: url(images/grip-horizontal.svg);
-webkit-mask-size: contain;
mask-size: contain; mask-size: contain;
-webkit-mask-position: center;
mask-position: center; mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: var(--red-ui-grip-color); background-color: var(--red-ui-grip-color);
} }
@ -93,13 +89,9 @@
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
-webkit-mask-image: url(images/grip.svg);
mask-image: url(images/grip.svg); mask-image: url(images/grip.svg);
-webkit-mask-size: contain;
mask-size: contain; mask-size: contain;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%; mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: var(--red-ui-grip-color); background-color: var(--red-ui-grip-color);
} }

View File

@ -55,13 +55,9 @@
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
-webkit-mask-image: url(images/grip.svg);
mask-image: url(images/grip.svg); mask-image: url(images/grip.svg);
-webkit-mask-size: auto;
mask-size: auto; mask-size: auto;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%; mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: var(--red-ui-grip-color); background-color: var(--red-ui-grip-color);
} }

View File

@ -552,13 +552,9 @@ div.red-ui-info-table {
.red-ui-icons-flow { .red-ui-icons-flow {
mask-image: url(images/subflow_tab.svg); mask-image: url(images/subflow_tab.svg);
-webkit-mask-image: url(images/subflow_tab.svg);
mask-position: center; mask-position: center;
-webkit-mask-position: center;
mask-size: contain; mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: var(--red-ui-icons-flow-color); background-color: var(--red-ui-icons-flow-color);
// filter: brightness(2.5); // filter: brightness(2.5);
} }

View File

@ -359,11 +359,8 @@ i.red-ui-tab-icon {
width: 20px; width: 20px;
height: 20px; height: 20px;
vertical-align: middle; vertical-align: middle;
-webkit-mask-size: contain;
mask-size: contain; mask-size: contain;
-webkit-mask-position: center;
mask-position: center; mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: var(--red-ui-tab-icon-color); background-color: var(--red-ui-tab-icon-color);
} }

View File

@ -110,15 +110,12 @@
// 0%, // 0%,
// 10%, // 10%,
// 100% { // 100% {
// -webkit-transform: translateY(0);
// transform: translateY(0); // transform: translateY(0);
// } // }
// 2%,8% { // 2%,8% {
// -webkit-transform: translateY(-5px);
// transform: translateY(-5px); // transform: translateY(-5px);
// } // }
// 5% { // 5% {
// -webkit-transform: translateY(5px);
// transform: translateY(5px); // transform: translateY(5px);
// } // }
// } // }

View File

@ -49,7 +49,6 @@
border: none; border: none;
width: 100%; width: 100%;
box-shadow: none; box-shadow: none;
-webkit-box-shadow: none;
padding: 3px 17px 3px 22px; padding: 3px 17px 3px 22px;
margin: 0px; margin: 0px;
height: 30px; height: 30px;
@ -58,7 +57,6 @@
&:focus { &:focus {
border: none; border: none;
box-shadow: none; box-shadow: none;
-webkit-box-shadow: none;
} }
} }
a { a {

View File

@ -135,13 +135,9 @@
} }
.red-ui-treeList-spinner { .red-ui-treeList-spinner {
height: 32px; height: 32px;
-webkit-mask-image: url(images/spin.svg);
mask-image: url(images/spin.svg); mask-image: url(images/spin.svg);
-webkit-mask-size: auto 20px;
mask-size: auto 20px; mask-size: auto 20px;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%; mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: var(--red-ui-spinner-color); background-color: var(--red-ui-spinner-color);
} }

View File

@ -105,11 +105,8 @@
.red-ui-typedInput-icon { .red-ui-typedInput-icon {
margin-right: 6px; margin-right: 6px;
&:not(.fa) { &:not(.fa) {
-webkit-mask-size: cover;
mask-size: cover; mask-size: cover;
-webkit-mask-position: center;
mask-position: center; mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: var(--red-ui-primary-text-color); background-color: var(--red-ui-primary-text-color);
height: 14px; height: 14px;
@ -155,11 +152,8 @@ button.red-ui-typedInput-option-trigger
} }
.red-ui-typedInput-icon:not(.fa) { .red-ui-typedInput-icon:not(.fa) {
display: inline-block; display: inline-block;
-webkit-mask-size: cover;
mask-size: cover; mask-size: cover;
-webkit-mask-position: center;
mask-position: center; mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat; mask-repeat: no-repeat;
background-color: var(--red-ui-primary-text-color); background-color: var(--red-ui-primary-text-color);
} }

View File

@ -123,9 +123,6 @@
} }
.inject-time-days label { .inject-time-days label {
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; user-select: none;
vertical-align: baseline; vertical-align: baseline;
width: 100px; width: 100px;