Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-06 16:34:02 +01:00
Code Issues Projects Releases Wiki Activity

WIP - correct sidebar styling on details pages

Browse source
This commit is contained in:
WithoutPants 2025-12-04 15:56:18 +11:00
parent 39fd8a6550
commit 3bb7d5d418
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/v2.5/src/components/Shared/styles.scss
View file

@ -920,6 +920,11 @@ $sticky-header-height: calc(50px + 3.3rem);
} }
.detail-body { .detail-body {
.sidebar-pane {
position: sticky;
top: calc($sticky-detail-header-height + $navbar-height);
}
.sidebar { .sidebar {
// required for sticky to work // required for sticky to work
align-self: flex-start; align-self: flex-start;
@ -955,6 +960,10 @@ $sticky-header-height: calc(50px + 3.3rem);
} }
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
.sidebar-pane {
top: 0;
}
.sidebar { .sidebar {
// flex: 100% 0 0; // flex: 100% 0 0;
height: calc(100vh - $navbar-height); height: calc(100vh - $navbar-height);