From ef19457bdade540305ffac04880a20351ef8697f Mon Sep 17 00:00:00 2001 From: GogoVega <92022724+GogoVega@users.noreply.github.com> Date: Tue, 12 Nov 2024 18:05:12 +0100 Subject: [PATCH] Add the vertical marker to the palette hand --- .../editor-client/src/sass/palette.scss | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/packages/node_modules/@node-red/editor-client/src/sass/palette.scss b/packages/node_modules/@node-red/editor-client/src/sass/palette.scss index a3afc3d76..8e45335a7 100644 --- 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 {