Add the vertical marker to the palette hand

2024-11-12 18:05:12 +01:00 · 2024-11-12 18:05:12 +01:00 · ef19457bda
parent 1d9586721e
commit ef19457bda
1 changed files with 20 additions and 0 deletions
--- a/packages/node_modules/@node-red/editor-client/src/sass/palette.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/palette.scss
@ -26,6 +26,26 @@
    @include disable-selection;
    @include component-border;
    transition: width 0.2s ease-in-out;
+
+    &:before {
+        content: '';
+        top: 0px;
+        bottom: 0px;
+        right: 0px;
+        width: 7px;
+        height: 100%;
+        z-index: 4;
+        position: absolute;
+        -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);
+    }
 }

 .red-ui-palette-closed {