mirror of
https://github.com/dergigi/boris.git
synced 2026-01-28 11:14:22 +01:00
fix: make panel toggle buttons stick to main content
- Remove grid gap and use padding on expanded panels instead - Toggle buttons now appear directly adjacent to main panel when collapsed - Maintain visual spacing only when panels are expanded - Improves UX by making collapse/expand buttons more accessible
This commit is contained in:
@@ -423,7 +423,7 @@ body {
|
||||
.two-pane {
|
||||
display: grid;
|
||||
grid-template-columns: 360px 1fr;
|
||||
gap: 1rem;
|
||||
column-gap: 0;
|
||||
height: calc(100vh - 4rem);
|
||||
transition: grid-template-columns 0.3s ease;
|
||||
}
|
||||
@@ -436,7 +436,7 @@ body {
|
||||
.three-pane {
|
||||
display: grid;
|
||||
grid-template-columns: 360px 1fr 360px;
|
||||
gap: 1rem;
|
||||
column-gap: 0;
|
||||
height: calc(100vh - 4rem);
|
||||
transition: grid-template-columns 0.3s ease;
|
||||
}
|
||||
@@ -456,6 +456,7 @@ body {
|
||||
.pane.sidebar {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.pane.main {
|
||||
@@ -471,6 +472,7 @@ body {
|
||||
.pane.highlights {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.reader {
|
||||
|
||||
Reference in New Issue
Block a user