Limit to 10 Arena images to improve Ecograder score (#107)

GemCopeland · Dec 16, 2022 · 3fa2c4d · 3fa2c4d
1 parent 9e7656e
commit 3fa2c4d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/_data/arena.js b/src/_data/arena.js
@@ -55,10 +55,11 @@ const getArenaChannels = async (channelId) => {
       const newChannel = arena.channel(id);
       // get all content for this channel
       const content = await getAllContent(newChannel, per, length);
-      // get thumbnail urls for image blocks in this channel
+      // get thumbnail urls for image blocks in this channel (limited to 10 images)
       const images = content.reverse()
         .filter(b => !!b.image)
-        .map(b => b.image.thumb.url);
+        .map(b => b.image.thumb.url)
+        .slice(0, 10);
       // get channel description (if present)
       const description = metadata && metadata.description;
       // get channel url

diff --git a/src/_includes/assets/css/components.blocks.css b/src/_includes/assets/css/components.blocks.css
@@ -61,6 +61,7 @@
   max-height: 3.75rem;
   padding-bottom: 0.625rem;
   padding-right: 0.625rem;
+  min-height: 60px; /* match to height of images to stop "pop" */
 }
 
 .block__arrow {