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 {
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
}