mirror of
				https://github.com/node-red/node-red.git
				synced 2025-03-01 10:36:34 +00:00 
			
		
		
		
	Merge 2ff70a8f3c into bb01f26f06
				
					
				
			This commit is contained in:
		@@ -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);
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
@@ -185,7 +181,6 @@ body {
 | 
				
			|||||||
    pre code {
 | 
					    pre code {
 | 
				
			||||||
        padding: 0;
 | 
					        padding: 0;
 | 
				
			||||||
        color: inherit;
 | 
					        color: inherit;
 | 
				
			||||||
        white-space: pre;
 | 
					 | 
				
			||||||
        white-space: pre-wrap;
 | 
					        white-space: pre-wrap;
 | 
				
			||||||
        background-color: transparent;
 | 
					        background-color: transparent;
 | 
				
			||||||
        border: 0;
 | 
					        border: 0;
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -19,7 +19,6 @@
 | 
				
			|||||||
    top: 0; bottom: 0;
 | 
					    top: 0; bottom: 0;
 | 
				
			||||||
    left: 0; right: 0;
 | 
					    left: 0; right: 0;
 | 
				
			||||||
    background: var(--red-ui-dnd-background);
 | 
					    background: var(--red-ui-dnd-background);
 | 
				
			||||||
    display:table;
 | 
					 | 
				
			||||||
    width: 100%;
 | 
					    width: 100%;
 | 
				
			||||||
    height: 100%;
 | 
					    height: 100%;
 | 
				
			||||||
    display: none;
 | 
					    display: none;
 | 
				
			||||||
@@ -43,7 +42,6 @@
 | 
				
			|||||||
    top: 0; bottom: 0;
 | 
					    top: 0; bottom: 0;
 | 
				
			||||||
    left: 0; right: 0;
 | 
					    left: 0; right: 0;
 | 
				
			||||||
    background: var(--red-ui-dnd-background);
 | 
					    background: var(--red-ui-dnd-background);
 | 
				
			||||||
    display:table;
 | 
					 | 
				
			||||||
    width: 100%;
 | 
					    width: 100%;
 | 
				
			||||||
    height: 100%;
 | 
					    height: 100%;
 | 
				
			||||||
    display: none;
 | 
					    display: none;
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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);
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -222,8 +222,6 @@
 | 
				
			|||||||
    input[type="radio"],
 | 
					    input[type="radio"],
 | 
				
			||||||
    input[type="checkbox"] {
 | 
					    input[type="checkbox"] {
 | 
				
			||||||
        margin: 4px 0 0;
 | 
					        margin: 4px 0 0;
 | 
				
			||||||
        margin-top: 1px \9;
 | 
					 | 
				
			||||||
        *margin-top: 0;
 | 
					 | 
				
			||||||
        line-height: normal;
 | 
					        line-height: normal;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -200,7 +200,6 @@
 | 
				
			|||||||
        padding: 2px 0;
 | 
					        padding: 2px 0;
 | 
				
			||||||
        line-height: 23px;
 | 
					        line-height: 23px;
 | 
				
			||||||
        margin-bottom: 0;
 | 
					        margin-bottom: 0;
 | 
				
			||||||
        width: 80px;
 | 
					 | 
				
			||||||
        display: inline-block;
 | 
					        display: inline-block;
 | 
				
			||||||
        position: relative;
 | 
					        position: relative;
 | 
				
			||||||
        height: 100%;
 | 
					        height: 100%;
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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);
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -110,17 +110,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;
 | 
				
			||||||
@@ -168,7 +162,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;
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user