Set max size for term listing images.

LuteOrg · May 30, 2024 · 5f9cab4 · 5f9cab4
1 parent 9064f64
commit 5f9cab4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/lute/static/css/styles.css b/lute/static/css/styles.css
@@ -2084,6 +2084,11 @@ input[type="checkbox"][disabled] + label {
 }
 
 
+.term-listing-image {
+    max-width: 250px;
+    max-height: 250px;
+}
+
 /** Term listing (/term) action dropdown. ********************/
 
 .term-action-container {

diff --git a/lute/templates/term/index.html b/lute/templates/term/index.html
@@ -217,7 +217,7 @@
     tx = tx.replaceAll("\r\n", "<br />");
     let imgsrc = row[IMG_COL] ?? '';
     if (imgsrc != '')
-      imgsrc = `<img style="margin-top: 5px;" src="${imgsrc}" />`;
+      imgsrc = `<img class="term-listing-image" style="margin-top: 5px;" src="${imgsrc}" />`;
     let ret = [ tx, imgsrc ].filter((s) => s != '');
     return ret.join('<br />');
   };