Improve resize button style

runbox · Jan 22, 2025 · 2a93fb0 · 2a93fb0
1 parent 6887fd9
commit 2a93fb0
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/app/resizable-button/resizable-button.component.scss b/src/app/resizable-button/resizable-button.component.scss
@@ -1,22 +1,25 @@
 button {
     --fg: #333;
-    background-color: var(--fg);
+    border-left: 1px solid var(--fg);
+    border-right: 1px solid var(--fg);
+    border-top: none;
+    border-bottom: none;
     position: absolute;
     top: 0;
     bottom: 0;
     cursor: col-resize;
     right: 0;
-    border: none;
-    width: 1rem;
+    width: 0.5rem;
+    border-radius: unset;
     padding: 0;
     margin: 0;
     display: block;
     transition: opacity 0.1s ease;
-    opacity: 0.1;
+    opacity: 0;
+    background: none;
 }
 
 button:hover, button:focus, button.resizing {
     opacity: 1;
-    background-color: var(--fg);
 }