frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Use SVG for separator grip

Browse Source
This commit is contained in:
Mauricio Bonani 2022-04-03 17:47:07 -04:00
parent 77e2e44abc
commit 9a6ee023b3
7 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.png vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 90 B

1
packages/node_modules/@node-red/editor-client/src/images/grip-horizontal.svg vendored Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 127 B

BIN
packages/node_modules/@node-red/editor-client/src/images/grip.png vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 192 B

1
packages/node_modules/@node-red/editor-client/src/images/grip.svg vendored Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 127 B

2
packages/node_modules/@node-red/editor-client/src/sass/editor.scss vendored
View File

@ -149,7 +149,7 @@
bottom: 0px; bottom: 0px;
width: 7px; width: 7px;
left: -9px; 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; cursor: col-resize;
border-left: 1px solid $primary-border-color; border-left: 1px solid $primary-border-color;
box-shadow: -1px 0 6px $shadow; box-shadow: -1px 0 6px $shadow;

4
packages/node_modules/@node-red/editor-client/src/sass/panels.scss vendored
View File

@ -40,7 +40,7 @@
height: 7px; height: 7px;
box-sizing: border-box; box-sizing: border-box;
cursor: ns-resize; 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; width: 7px;
display: inline-block; display: inline-block;
cursor: ew-resize; 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%;
} }
} }

2
packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss vendored
View File

@ -47,7 +47,7 @@
bottom:10px; bottom:10px;
width: 7px; width: 7px;
// z-index: 11; // 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; cursor: col-resize;
} }