skyler
/
Lightningbeam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed resize cursor showing up between pane header and content

This commit is contained in:
Skyler Lehmkuhl 2024-12-21 06:29:05 -05:00
parent 455dd4a611
commit 595a2ed25b
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/styles.css
View File

@ -128,16 +128,21 @@ button {
.panecontainer { .panecontainer {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 5px;
overflow: hidden;
} }
.horizontal-grid, .vertical-grid { .horizontal-grid, .vertical-grid {
display: flex; display: flex;
gap: 5px;
background-color: #555; background-color: #555;
width: 100%; width: 100%;
height: 100%; height: 100%;
contain: strict; contain: strict;
} }
.horizontal-grid:not(.panecontainer > .horizontal-grid),
.vertical-grid:not(.panecontainer > .vertical-grid) {
gap: 3px;
}
.horizontal-grid { .horizontal-grid {
flex-direction: row; flex-direction: row;
} }
@ -145,11 +150,11 @@ button {
flex-direction: column; flex-direction: column;
} }
/* I don't fully understand this selector but it works for now */ /* 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; background: #666;
cursor: ew-resize; cursor: ew-resize;
} }
.vertical-grid:hover:not(:has(*:hover)) { .vertical-grid:hover:not(:has(*:hover)):not(.panecontainer > .vertical-grid) {
background: #666; background: #666;
cursor: ns-resize cursor: ns-resize
} }