Fix scaled.

gjbarnard · Sep 7, 2024 · 332481d · 332481d
1 parent 3984fd8
commit 332481d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/styles.css b/styles.css
@@ -77,6 +77,19 @@
     position: relative;
 }
 
+.format-grid .thegrid .grid-image.grid-scaled {
+    height: 100%;
+}
+
+/*rtl:begin:ignore*/
+.format-grid .thegrid .grid-image.grid-scaled img {
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%,-50%);
+}
+/*rtl:end:ignore*/
+
 .format-grid .thegrid .grid-generatedimage {
     background-size: contain;
     height: 100%;

diff --git a/templates/grid.mustache b/templates/grid.mustache
@@ -97,7 +97,7 @@
             </div>
             <div class="grid-image-container">
                 {{#imageuri}}
-                <div class="grid-image text-center">
+                <div class="grid-image{{^imageresizemethodcrop}} grid-scaled{{/imageresizemethodcrop}} text-center">
                     <img{{#imageresizemethodcrop}} class="card-img-bottom" {{/imageresizemethodcrop}} src="{{imageuri}}" alt="{{imagealttext}}" loading="lazy">
                     {{#sectioncompletionmarkup}}{{{sectioncompletionmarkup}}}{{/sectioncompletionmarkup}}
                 </div>