Browse Source

Merge pull request #1714 from iamnamananand996/Enable-scroll-for-sort-&-filter-#1675

Enable scroll for sort & filter #1675
pull/1802/head
navi 2 years ago committed by GitHub
parent
commit
5579b4b90f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 7
      packages/nc-gui/assets/style/style.css
  2. 2
      packages/nc-gui/components/project/spreadsheet/components/columnFilter.vue
  3. 2
      packages/nc-gui/components/project/spreadsheet/components/sortListMenu.vue

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

@ -362,3 +362,10 @@ html {
.cursor-pointer{ .cursor-pointer{
cursor: pointer; cursor: pointer;
} }
/* sorting and filter */
.menu-filter-dropdown {
max-height: 500px;
overflow-y: auto;
}

2
packages/nc-gui/components/project/spreadsheet/components/columnFilter.vue

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="backgroundColor pa-2" class="backgroundColor pa-2 menu-filter-dropdown"
:style="{width:nested ? '100%' : '530px'}" :style="{width:nested ? '100%' : '530px'}"
> >
<div class="grid" @click.stop> <div class="grid" @click.stop>

2
packages/nc-gui/components/project/spreadsheet/components/sortListMenu.vue

@ -28,7 +28,7 @@
</v-btn> </v-btn>
</v-badge> </v-badge>
</template> </template>
<div class="backgroundColor pa-2" style="min-width: 330px"> <div class="backgroundColor pa-2 menu-filter-dropdown" style="min-width: 330px">
<div class="sort-grid" @click.stop> <div class="sort-grid" @click.stop>
<template v-for="(sort,i) in sortList||[]" dense> <template v-for="(sort,i) in sortList||[]" dense>
<v-icon :key="i + 'icon'" class="nc-sort-item-remove-btn" small @click.stop="deleteSort(sort)"> <v-icon :key="i + 'icon'" class="nc-sort-item-remove-btn" small @click.stop="deleteSort(sort)">

Loading…
Cancel
Save