adjusts flex to spill over two rows, improves overflow re #8

legiongis · Sep 7, 2023 · 9dbbec6 · 9dbbec6
1 parent fd8723e
commit 9dbbec6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/presutah/media/css/print.css b/presutah/media/css/print.css
@@ -9,13 +9,16 @@
     height: 100%;
     width: auto;
     flex: 1;
-    max-width: calc(100% / 4);
     object-fit: cover;
 }
 
 .img-report-print-only-container {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    max-height: 350px;
+    /* max-height: 350px; */
+}
+
+.scroll-y {
+    /* height: auto; */
 }
diff --git a/presutah/templates/views/report-templates/image.htm b/presutah/templates/views/report-templates/image.htm
@@ -10,7 +10,7 @@
 <!-- ko if: ko.unwrap(imgs) -->
 <div class="img-report-print-only-container">
     <!-- ko foreach: {data: imgs, as: 'img'} -->
-    <img class="img-report-print-only" data-bind="attr: {src: img.src}" />
+    <img class="img-report-print-only" data-bind="attr: {src: img.src, style: ('max-width: calc(100% /' + Math.round(ko.unwrap($parent.imgs).length/2) + ')')}" />
     <!-- /ko -->
 </div>
 <!-- /ko -->