From 7b064ac99ef31b3ec8185253e462ffd49a115974 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Wed, 4 Sep 2024 09:39:59 +1000
Subject: [PATCH] Only give height to gallery-container on larger devices
 (#5205)

Having height/overflow on the stacked/vertical orientation causes weird scrolling behaviour.
---
 ui/v2.5/src/components/Galleries/styles.scss | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/ui/v2.5/src/components/Galleries/styles.scss b/ui/v2.5/src/components/Galleries/styles.scss
index 4d5b6bcae89..d2314955281 100644
--- 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 {