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

Make the entire toolbar sticky

Browse source
This commit is contained in:
ghuds540 2025-12-02 20:47:55 -05:00
parent c6ae43c1d6
commit 77e793eb4f
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
ui/v2.5/src/components/List/styles.scss
View file

@ -919,13 +919,16 @@ input[type="range"].zoom-slider {
.filtered-list-toolbar { .filtered-list-toolbar {
align-items: center; align-items: center;
background-color: $body-bg; background-color: $body-bg;
border-radius: 0.5rem;
gap: 0.5rem; gap: 0.5rem;
justify-content: center; justify-content: center;
// offset the main padding // offset the main padding
margin-left: auto;
margin-right: auto;
margin-top: -0.5rem; margin-top: -0.5rem;
padding-bottom: 0.5rem; padding: 0.5rem;
padding-top: 0.5rem; width: fit-content;
& > .btn-group { & > .btn-group {
flex-wrap: wrap; flex-wrap: wrap;
@ -941,6 +944,12 @@ input[type="range"].zoom-slider {
} }
} }
&.btn-toolbar {
position: sticky;
top: 49px;
z-index: 1000;
}
// set the width of the zoom-slider-container to prevent buttons moving when // set the width of the zoom-slider-container to prevent buttons moving when
// the slider appears/disappears // the slider appears/disappears
.zoom-slider-container { .zoom-slider-container {