mirror of
https://github.com/dergigi/boris.git
synced 2026-01-07 08:54:25 +01:00
feat(ui): add 100vh height and drop-shadows to sidebars
- Set sidebars to always have 100vh height on desktop - Add drop-shadow to left sidebar (2px right shadow) - Add drop-shadow to right highlights panel (2px left shadow) - Improves visual separation and depth perception
This commit is contained in:
@@ -40,11 +40,13 @@
|
||||
.pane.sidebar {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
max-height: 100vh;
|
||||
overflow-y: auto;
|
||||
align-self: start;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.pane.main {
|
||||
@@ -58,11 +60,13 @@
|
||||
.pane.highlights {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
max-height: 100vh;
|
||||
overflow-y: auto;
|
||||
align-self: start;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user