mirror of
https://github.com/stashapp/stash.git
synced 2025-12-06 08:26:00 +01:00
WIP - correct sidebar styling on details pages
This commit is contained in:
parent
39fd8a6550
commit
3bb7d5d418
1 changed files with 9 additions and 0 deletions
|
|
@ -920,6 +920,11 @@ $sticky-header-height: calc(50px + 3.3rem);
|
|||
}
|
||||
|
||||
.detail-body {
|
||||
.sidebar-pane {
|
||||
position: sticky;
|
||||
top: calc($sticky-detail-header-height + $navbar-height);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
// required for sticky to work
|
||||
align-self: flex-start;
|
||||
|
|
@ -955,6 +960,10 @@ $sticky-header-height: calc(50px + 3.3rem);
|
|||
}
|
||||
}
|
||||
@include media-breakpoint-down(xs) {
|
||||
.sidebar-pane {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
// flex: 100% 0 0;
|
||||
height: calc(100vh - $navbar-height);
|
||||
|
|
|
|||
Loading…
Reference in a new issue