Maximize width of IIIF media embeds.

omeka · Mar 5, 2024 · 19205db · 19205db
1 parent fec951a
commit 19205db
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/application/asset/css/page-blocks.css b/application/asset/css/page-blocks.css
diff --git a/application/asset/sass/page-blocks.scss b/application/asset/sass/page-blocks.scss
@@ -137,12 +137,17 @@
 
 .media-embed .resource {
     display: inline-block;
+    max-width: 100%;
 }
 
 .media-embed.attachment-count-1 {
     width: 100% !important;
 }
 
+.media-embed.layout-vertical {
+    display: grid;
+}
+
 .media-embed.layout-horizontal.attachment-count-2 {
     --grid-column-count: 2;
 }
@@ -193,6 +198,11 @@
         margin-bottom: 0;
     }
 
+    .iiif_presentation {
+        width: 100vb;
+        max-width: 100%;
+    }
+
     .media-render > a:not(:only-child) {
         margin-bottom: $spacing-small;
     }