From 595a2ed25b6dc1ec48060f08af5fbb5f84fa7ad1 Mon Sep 17 00:00:00 2001
From: Skyler Lehmkuhl <skycooler@gmail.com>
Date: Sat, 21 Dec 2024 06:29:05 -0500
Subject: [PATCH] Fixed resize cursor showing up between pane header and
 content

---
 src/styles.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 89670b5..ed4d4bf 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -128,16 +128,21 @@ button {
 .panecontainer {
   width: 100%;
   height: 100%;
+  border-radius: 5px;
+  overflow: hidden;
 }
 
 .horizontal-grid, .vertical-grid {
   display: flex;
-  gap: 5px;
   background-color: #555;
   width: 100%;
   height: 100%;
   contain: strict;
 }
+.horizontal-grid:not(.panecontainer > .horizontal-grid),
+.vertical-grid:not(.panecontainer > .vertical-grid) {
+  gap: 3px;
+}
 .horizontal-grid {
   flex-direction: row;
 }
@@ -145,11 +150,11 @@ button {
   flex-direction: column;
 }
 /* I don't fully understand this selector but it works for now */
-.horizontal-grid:hover:not(:has(*:hover)) {
+.horizontal-grid:hover:not(:has(*:hover)):not(.panecontainer > .horizontal-grid) {
   background: #666;
   cursor: ew-resize;
 }
-.vertical-grid:hover:not(:has(*:hover)) {
+.vertical-grid:hover:not(:has(*:hover)):not(.panecontainer > .vertical-grid) {
   background: #666;
   cursor: ns-resize
 }