enhancement: avoid nested scrollbar in filter menu

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/assets/style/style.css

@@ -365,7 +365,7 @@ html {
 
 
 /* sorting and filter */
-.menu-filter-dropdown {
+.menu-filter-dropdown:not(.nested) {
   max-height: 500px;
   overflow-y: auto;
-}
+}

packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="backgroundColor pa-2 menu-filter-dropdown" :style="{ width: nested ? '100%' : '530px' }">
+  <div
+    class="backgroundColor pa-2 menu-filter-dropdown"
+    :class="{ nested }"
+    :style="{ width: nested ? '100%' : '530px' }"
+  >
     <div class="grid" @click.stop>
       <template v-for="(filter, i) in filters" dense>
         <template v-if="filter.status !== 'delete'">