From 9a6ee023b3e19bdc7d89a10f97f26aaf22d1cc05 Mon Sep 17 00:00:00 2001
From: Mauricio Bonani <bonanitech@gmail.com>
Date: Sun, 3 Apr 2022 17:47:07 -0400
Subject: [PATCH] Use SVG for separator grip

---
 .../editor-client/src/images/grip-horizontal.png  | Bin 90 -> 0 bytes
 .../editor-client/src/images/grip-horizontal.svg  |   1 +
 .../@node-red/editor-client/src/images/grip.png   | Bin 192 -> 0 bytes
 .../@node-red/editor-client/src/images/grip.svg   |   1 +
 .../@node-red/editor-client/src/sass/editor.scss  |   2 +-
 .../@node-red/editor-client/src/sass/panels.scss  |   4 ++--
 .../@node-red/editor-client/src/sass/sidebar.scss |   2 +-
 7 files changed, 6 insertions(+), 4 deletions(-)
 delete mode 100644 packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.png
 create mode 100644 packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.svg
 delete mode 100644 packages/node_modules/@node-red/editor-client/src/images/grip.png
 create mode 100644 packages/node_modules/@node-red/editor-client/src/images/grip.svg

diff --git a/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.png b/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.png
deleted file mode 100644
index 7bff7b4a25a00361baf2d1fe8793bbdf10b8c989..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 90
zcmeAS@N?(olHy`uVBq!ia0vp^MnKHU!3HGR9riB)Qi`4~jv*HQ$te<Q4Ij_UH2&Y-
o9PegpbR%hE;Ref&nC}b>PeZu$mnRr)2P$UpboFyt=akR{0Hxd+761SM

diff --git a/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.svg b/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.svg
new file mode 100644
index 000000000..c97271fa4
--- /dev/null
+++ b/packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.svg
@@ -0,0 +1 @@
+<svg width="50" height="5" viewBox="0, 0, 50, 5" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H50V4H0Z" fill="#CCC"/></svg>
diff --git a/packages/node_modules/@node-red/editor-client/src/images/grip.png b/packages/node_modules/@node-red/editor-client/src/images/grip.png
deleted file mode 100644
index 76c2e0d17b065fbec0fff51de3ccf539d4ef4241..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 192
zcmeAS@N?(olHy`uVBq!ia0vp^tUzqU!3HF!2nc=vQfx`y?k)`fL2$v|<&%LToCO|{
z#S9GG!XV7ZFl&wkP>{XE)7O>#K0B`<Gt+j%-}XQu+02lL66gHf+|;}hAeVu`xhOTU
zBsE2$JhLQ2!QIn0AVn{g9Vo8i>Eak-aXL9AAtAw{_}Q6yHVp$q!^D)N159qL?jYEw
Yz#wsvC1sY6^fr(|p00i_>zopr08}<G82|tP

diff --git a/packages/node_modules/@node-red/editor-client/src/images/grip.svg b/packages/node_modules/@node-red/editor-client/src/images/grip.svg
new file mode 100644
index 000000000..76b12a4ee
--- /dev/null
+++ b/packages/node_modules/@node-red/editor-client/src/images/grip.svg
@@ -0,0 +1 @@
+<svg width="5" height="50" viewBox="0, 0, 5, 50" xmlns="http://www.w3.org/2000/svg"><path d="M1 0H4V50H1Z" fill="#CCC"/></svg>
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss
index 473571042..d26536102 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/editor.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/editor.scss
@@ -149,7 +149,7 @@
     bottom: 0px;
     width: 7px;
     left: -9px;
-    background: $primary-background url(images/grip.png) no-repeat 50% 50%;
+    background: $primary-background url(images/grip.svg) no-repeat 50% 50%;
     cursor: col-resize;
     border-left: 1px solid $primary-border-color;
     box-shadow: -1px 0 6px $shadow;
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/panels.scss b/packages/node_modules/@node-red/editor-client/src/sass/panels.scss
index 1a15d3c0d..38ef78321 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/panels.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/panels.scss
@@ -40,7 +40,7 @@
     height: 7px;
     box-sizing: border-box;
     cursor: ns-resize;
-    background: $primary-background url(images/grip-horizontal.png) no-repeat 50% 50%;
+    background: $primary-background url(images/grip-horizontal.svg) no-repeat 50% 50%;
 }
 
 
@@ -70,6 +70,6 @@
         width: 7px;
         display: inline-block;
         cursor: ew-resize;
-        background: $primary-background url(images/grip.png) no-repeat 50% 50%;
+        background: $primary-background url(images/grip.svg) no-repeat 50% 50%;
     }
 }
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
index 391ae8585..bd2677ea0 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
@@ -47,7 +47,7 @@
     bottom:10px;
     width: 7px;
     // z-index: 11;
-    background: $primary-background url(images/grip.png) no-repeat 50% 50%;
+    background: $primary-background url(images/grip.svg) no-repeat 50% 50%;
     cursor: col-resize;
 }