limit the number of displayed thumbs in the records listing

patelpreet422 · Apr 14, 2023 · 646b6a9 · 646b6a9
1 parent 5ddf9cd
commit 646b6a9
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/ui/src/components/records/RecordFieldValue.svelte b/ui/src/components/records/RecordFieldValue.svelte
@@ -102,10 +102,15 @@
         {/if}
     </div>
 {:else if field.type === "file"}
+    {@const files = CommonHelper.toArray(rawValue)}
+    {@const filesLimit = short ? 10 : 200}
     <div class="inline-flex">
-        {#each CommonHelper.toArray(rawValue) as filename, i (i + filename)}
+        {#each files.slice(0, filesLimit) as filename, i (i + filename)}
             <RecordFileThumb {record} {filename} size="sm" />
         {/each}
+        {#if files.length > filesLimit}
+            ...
+        {/if}
     </div>
 {:else if short}
     <span class="txt txt-ellipsis" title={CommonHelper.truncate(rawValue)}>