Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-17 12:24:38 +03:00
Code Issues Packages Projects Releases Wiki Activity

Only give height to gallery-container on larger devices (#5205)

Browse Source 
Having height/overflow on the stacked/vertical orientation causes weird scrolling behaviour.
This commit is contained in:
WithoutPants
2024-09-04 09:39:59 +10:00
committed by GitHub
parent a8a3b4cfd9
commit 7b064ac99e
1 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ui/v2.5/src/components/Galleries/styles.scss
View File

@@ -163,7 +163,9 @@ $galleryTabWidth: 450px;
.gallery-container { .gallery-container {
flex: 0 0 calc(100% - #{$galleryTabWidth} - 15px); flex: 0 0 calc(100% - #{$galleryTabWidth} - 15px);
height: calc(100vh - 4rem);
max-width: calc(100% - #{$galleryTabWidth} - 15px); max-width: calc(100% - #{$galleryTabWidth} - 15px);
overflow: auto;
&.expanded { &.expanded {
flex: 0 0 calc(100% - 15px); flex: 0 0 calc(100% - 15px);
@@ -180,11 +182,6 @@ $galleryTabWidth: 450px;
width: 100%; width: 100%;
} }
.gallery-container {
height: calc(100vh - 4rem);
overflow: auto;
}
@media (min-width: 1200px), (max-width: 575px) { @media (min-width: 1200px), (max-width: 575px) {
.gallery-performers { .gallery-performers {
.performer-card { .performer-card {