mirror of
https://github.com/node-red/node-red.git
synced 2025-03-01 10:36:34 +00:00
fix(css): remove old polyfills
Remove vendor specific polyfills for Konqueror, old Safari, Internet Explorer, Mozilla and Chrome
This commit is contained in:
parent
a622d19ba7
commit
6fdac0fbdc
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
|
@ -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 {
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user