From 77a01740aa2246f7653289bf5774c22a7eb2f356 Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Fri, 27 Oct 2023 16:18:18 +0200
Subject: [PATCH] fix: add to channel group modal is not scrollable

---
 src/components/AddToGroupModal.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/AddToGroupModal.vue b/src/components/AddToGroupModal.vue
index f7b56c43..65f08e47 100644
--- a/src/components/AddToGroupModal.vue
+++ b/src/components/AddToGroupModal.vue
@@ -1,16 +1,18 @@
 <template>
     <ModalComponent @close="$emit('close')">
-        <span v-t="'actions.add_to_group'" class="mb-3 inline-block w-max text-2xl" />
-        <div v-for="(group, index) in channelGroups" :key="group.groupName" class="px-1">
-            <div class="flex items-center justify-between">
-                <span>{{ group.groupName }}</span>
-                <input
-                    type="checkbox"
-                    :checked="group.channels.includes(channelId)"
-                    @change="onCheckedChange(index, group)"
-                />
+        <div class="h-[80vh] overflow-y-scroll pr-4">
+            <span v-t="'actions.add_to_group'" class="mb-3 inline-block w-max text-2xl" />
+            <div v-for="(group, index) in channelGroups" :key="group.groupName" class="px-1">
+                <div class="flex items-center justify-between">
+                    <span>{{ group.groupName }}</span>
+                    <input
+                        type="checkbox"
+                        :checked="group.channels.includes(channelId)"
+                        @change="onCheckedChange(index, group)"
+                    />
+                </div>
+                <hr class="h-1 w-full" />
             </div>
-            <hr class="h-1 w-full" />
         </div>
     </ModalComponent>
 </template>