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

Having height/overflow on the stacked/vertical orientation causes weird scrolling behaviour.
stashapp · Sep 3, 2024 · 7b064ac · 7b064ac
1 parent a8a3b4c
commit 7b064ac
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/ui/v2.5/src/components/Galleries/styles.scss b/ui/v2.5/src/components/Galleries/styles.scss
@@ -163,7 +163,9 @@ $galleryTabWidth: 450px;
 
   .gallery-container {
     flex: 0 0 calc(100% - #{$galleryTabWidth} - 15px);
+    height: calc(100vh - 4rem);
     max-width: calc(100% - #{$galleryTabWidth} - 15px);
+    overflow: auto;
 
     &.expanded {
       flex: 0 0 calc(100% - 15px);
@@ -180,11 +182,6 @@ $galleryTabWidth: 450px;
   width: 100%;
 }
 
-.gallery-container {
-  height: calc(100vh - 4rem);
-  overflow: auto;
-}
-
 @media (min-width: 1200px), (max-width: 575px) {
   .gallery-performers {
     .performer-card {