mirror of
https://github.com/stashapp/stash.git
synced 2025-12-06 08:26:00 +01:00
Make the entire toolbar sticky
This commit is contained in:
parent
c6ae43c1d6
commit
77e793eb4f
1 changed files with 11 additions and 2 deletions
|
|
@ -919,13 +919,16 @@ input[type="range"].zoom-slider {
|
|||
.filtered-list-toolbar {
|
||||
align-items: center;
|
||||
background-color: $body-bg;
|
||||
border-radius: 0.5rem;
|
||||
gap: 0.5rem;
|
||||
justify-content: center;
|
||||
|
||||
// offset the main padding
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: -0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
padding: 0.5rem;
|
||||
width: fit-content;
|
||||
|
||||
& > .btn-group {
|
||||
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
|
||||
// the slider appears/disappears
|
||||
.zoom-slider-container {
|
||||
|
|
|
|||
Loading…
Reference in a new issue