Merge pull request #5565 from bonanitech/user-select-css

Improve the `user-select` CSS code usage

packages/node_modules/@node-red/editor-client/src/sass/mixins.scss

@@ -16,15 +16,11 @@
 
 @mixin disable-selection {
     -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
     user-select: none;
 }
 
 @mixin enable-selection {
     -webkit-user-select: auto;
-    -khtml-user-select: auto;
-    -moz-user-select: auto;
     user-select: auto;
 }
 
@@ -186,6 +182,7 @@
 }
 
 @mixin component-footer {
+    @include disable-selection;
     border-top: 1px solid var(--red-ui-primary-border-color);
     background: var(--red-ui-primary-background);
     text-align: right;
@@ -196,7 +193,6 @@
     height: 25px;
     line-height: 25px;
     padding: 0 6px;
-    user-select: none;
 
     .button-group:not(:last-child) {
         margin-right: 5px;

packages/node_modules/@node-red/editor-client/src/sass/multiplayer.scss

@@ -1,3 +1,5 @@
+@use "mixins";
+
 #red-ui-multiplayer-user-list {
     display: inline-flex;
     align-items: center;
@@ -105,7 +107,7 @@ $multiplayer-user-icon-shadow: 0px 0px 4px var(--red-ui-shadow);
         stroke: none;
     }
     text {
-        user-select: none;
+        @include mixins.disable-selection;
         fill: $multiplayer-user-icon-text-color;
         stroke: none;
         font-size: 10px;   
@@ -113,4 +115,4 @@ $multiplayer-user-icon-shadow: 0px 0px 4px var(--red-ui-shadow);
             fill: $multiplayer-user-icon-count-text-color;
         }     
     }
-}
+}

packages/node_modules/@node-red/editor-client/src/sass/palette.scss

@@ -87,6 +87,7 @@
 }
 
 .red-ui-palette-header {
+    @include mixins.disable-selection;
     position: relative;
     background: var(--red-ui-palette-header-background);
     color: var(--red-ui-palette-header-color);
@@ -97,7 +98,6 @@
     font-weight: bold;
     padding-left: 20px;
     overflow: hidden;
-    user-select: none;
     &:hover {
         background: var(--red-ui-palette-header-background) !important;
     }

packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss

@@ -253,12 +253,12 @@
 }
 
 .red-ui-sidebar-banner { /* Currently unused... */
+    @include mixins.disable-selection;
     background: var(--red-ui-primary-background);
     color: var(--red-ui-primary-text-color);
     font-size: 8px;
     padding: 0 3px;
     text-align: right;
-    user-select: none;
     cursor: grab;
 }
 .sidebar-header, /* Deprecated -> red-ui-sidebar-header */
@@ -328,4 +328,4 @@ i.red-ui-sidebar-tab-icon {
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     background-color: var(--red-ui-workspace-button-color);
-}
+}

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;