From b19db5fc8d361c298cd48f271860481756052fa6 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 14 Aug 2024 13:40:21 +0530
Subject: [PATCH] refactor: removed scroll in layout builder

---
 .../components/Settings/SidePanelLayoutBuilder.vue    |  5 ++---
 frontend/src/components/Settings/SidePanelModal.vue   | 11 ++++-------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/Settings/SidePanelLayoutBuilder.vue b/frontend/src/components/Settings/SidePanelLayoutBuilder.vue
index 6f99efcf..af9c520c 100644
--- a/frontend/src/components/Settings/SidePanelLayoutBuilder.vue
+++ b/frontend/src/components/Settings/SidePanelLayoutBuilder.vue
@@ -1,5 +1,5 @@
 <template>
-  <FadedScrollableDiv>
+  <div>
     <Draggable :list="sections" item-key="label" class="flex flex-col gap-5.5">
       <template #item="{ element: section }">
         <div class="flex flex-col gap-3">
@@ -132,10 +132,9 @@
         </template>
       </Button>
     </div>
-  </FadedScrollableDiv>
+  </div>
 </template>
 <script setup>
-import FadedScrollableDiv from '@/components/FadedScrollableDiv.vue'
 import EditIcon from '@/components/Icons/EditIcon.vue'
 import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
 import DragVerticalIcon from '@/components/Icons/DragVerticalIcon.vue'
diff --git a/frontend/src/components/Settings/SidePanelModal.vue b/frontend/src/components/Settings/SidePanelModal.vue
index 82fd67a8..a8ccc47e 100644
--- a/frontend/src/components/Settings/SidePanelModal.vue
+++ b/frontend/src/components/Settings/SidePanelModal.vue
@@ -14,7 +14,7 @@
       </h3>
     </template>
     <template #body-content>
-      <div class="flex flex-col gap-5.5 h-[calc(100vh_-_17rem)]">
+      <div class="flex flex-col gap-5.5">
         <div class="flex justify-between gap-2">
           <FormControl
             type="select"
@@ -29,16 +29,13 @@
             size="sm"
           />
         </div>
-        <div v-if="sections.data" class="flex gap-4 overflow-hidden">
+        <div v-if="sections.data" class="flex gap-4">
           <SidePanelLayoutBuilder
-            class="flex flex-1 flex-col overflow-y-auto pr-2"
+            class="flex flex-1 flex-col pr-2"
             :sections="sections.data"
             :doctype="_doctype"
           />
-          <div
-            v-if="preview"
-            class="flex flex-1 flex-col overflow-y-auto border rounded"
-          >
+          <div v-if="preview" class="flex flex-1 flex-col border rounded">
             <div
               v-for="(section, i) in sections.data"
               :key="section.label"