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

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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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 {