From d1a338d31303c50b1ed6d37332f54096f56ec1f7 Mon Sep 17 00:00:00 2001
From: Alexander Onnikov <aonnikov@hardcoreeng.com>
Date: Tue, 13 May 2025 23:06:59 +0700
Subject: [PATCH] UBERF-10567 Enhance attachments view in chat (#8915)

Signed-off-by: Alexander Onnikov <Alexander.Onnikov@xored.com>
---
 .../src/components/AttachmentList.svelte           | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/plugins/attachment-resources/src/components/AttachmentList.svelte b/plugins/attachment-resources/src/components/AttachmentList.svelte
index c9eee5fc5d..04dc1a1e4c 100644
--- a/plugins/attachment-resources/src/components/AttachmentList.svelte
+++ b/plugins/attachment-resources/src/components/AttachmentList.svelte
@@ -16,7 +16,7 @@
   import { Attachment } from '@hcengineering/attachment'
   import { Ref, type WithLookup } from '@hcengineering/core'
   import { ListSelectionProvider } from '@hcengineering/view-resources'
-  import { Scroller, updatePopup } from '@hcengineering/ui'
+  import { updatePopup } from '@hcengineering/ui'
   import { AttachmentImageSize } from '../types'
   import AttachmentPreview from './AttachmentPreview.svelte'
 
@@ -43,7 +43,7 @@
 </script>
 
 {#if attachments.length}
-  <Scroller contentDirection={'horizontal'} horizontal gap={'gap-3'} scrollSnap>
+  <div class="gallery">
     {#each attachments as attachment}
       <AttachmentPreview
         value={attachment}
@@ -54,5 +54,13 @@
         on:open={(res) => (attachmentPopupId = res.detail)}
       />
     {/each}
-  </Scroller>
+  </div>
 {/if}
+
+<style lang="scss">
+  .gallery {
+    display: grid;
+    grid-gap: 0.75rem;
+    grid-template-columns: repeat(auto-fill, 20rem);
+  }
+</style>