Fix gallery component layout when CSS loads but JS fails (#153)

nationalarchives · Jul 24, 2024 · 240cfa6 · 240cfa6
1 parent 07790fc
commit 240cfa6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Deprecated
 ### Removed
 ### Fixed
+
+- Further fixed gallery component layout when CSS loads but JS fails
+
 ### Security
 
 ## [0.2.2](https://github.com/nationalarchives/tna-frontend/compare/v0.2.1...v0.2.2) - 2024-07-24

diff --git a/src/nationalarchives/components/gallery/gallery.scss b/src/nationalarchives/components/gallery/gallery.scss
@@ -86,7 +86,6 @@
 
   &__item-figure-inner {
     width: 100%;
-    max-height: 50vh;
 
     position: relative;
 
@@ -283,6 +282,7 @@
   }
 
   &--interactive &__item-figure-inner {
+    max-height: 50vh;
     aspect-ratio: 3 / 2;
   }