A thought.

gjbarnard · Aug 30, 2024 · 0b92c1c · 0b92c1c
1 parent 33fb278
commit 0b92c1c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/styles.css b/styles.css
@@ -85,6 +85,13 @@
     right: 0;
 }
 
+.format-grid .thegrid .grid-image .grid-badge-bottom {
+    bottom: 10px;
+    left: 0;
+    position: absolute;
+    right: 0;
+}
+
 .format-grid .thegrid .grid-generatedimage {
     background-size: contain;
     height: 140px;

diff --git a/templates/grid.mustache b/templates/grid.mustache
@@ -99,9 +99,9 @@
             {{/sectiontitleingridbox}}
             {{#imageuri}}
             <div class="grid-image card-img-bottom{{^sectiontitleingridbox}} card-img-top{{/sectiontitleingridbox}} text-center">
-                <img src="{{imageuri}}" alt="{{imagealttext}}" loading="lazy">
+                <img src="{{imageuri}}" alt="{{imagealttext}}" loading="lazy"{{^sectiontitleingridbox}} class="card-img-bottom card-img-top"{{/sectiontitleingridbox}}>
                 {{^sectiontitleingridbox}}{{#hasbadge}}
-                <div data-region="sectionbadges" class="sectionbadges d-flex justify-content-center align-items-center h-100 grid-badge-middle">
+                <div data-region="sectionbadges" class="sectionbadges d-flex justify-content-center align-items-end h-100 grid-badge-bottom">
                     {{$ core_courseformat/local/content/section/badges }}
                         {{> core_courseformat/local/content/section/badges }}
                     {{/ core_courseformat/local/content/section/badges }}