Browse Source

fix(gui-v2): show sorts list badge based on filters length

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/2860/head
Pranav C 2 years ago
parent
commit
a9ace44f8f
  1. 4
      packages/nc-gui-v2/components/smartsheet-toolbar/SortListMenu.vue

4
packages/nc-gui-v2/components/smartsheet-toolbar/SortListMenu.vue

@ -27,7 +27,7 @@ watch(
<template> <template>
<a-dropdown offset-y class="" :trigger="['click']"> <a-dropdown offset-y class="" :trigger="['click']">
<v-badge :value="sorts && sorts.length" color="primary" dot overlap> <div :class="{ 'nc-badge': sorts?.length }">
<a-button v-t="['c:sort']" size="small" class="nc-sort-menu-btn nc-toolbar-btn" :disabled="isLocked" <a-button v-t="['c:sort']" size="small" class="nc-sort-menu-btn nc-toolbar-btn" :disabled="isLocked"
><div class="flex align-center gap-1"> ><div class="flex align-center gap-1">
<MdiSortIcon class="text-grey" /> <MdiSortIcon class="text-grey" />
@ -36,7 +36,7 @@ watch(
<MdiMenuDownIcon class="text-grey" /> <MdiMenuDownIcon class="text-grey" />
</div> </div>
</a-button> </a-button>
</v-badge> </div>
<template #overlay> <template #overlay>
<div class="bg-white shadow p-2 menu-filter-dropdown min-w-[400px]"> <div class="bg-white shadow p-2 menu-filter-dropdown min-w-[400px]">
<div class="sort-grid" @click.stop> <div class="sort-grid" @click.stop>

Loading…
Cancel
Save