Browse Source

fix: Improved UI of Group by modal

pull/6539/head
Muhammed Mustafa 1 year ago
parent
commit
b5f3d1a03f
  1. 4
      packages/nc-gui/components/smartsheet/toolbar/GroupByMenu.vue

4
packages/nc-gui/components/smartsheet/toolbar/GroupByMenu.vue

@ -215,7 +215,7 @@ onMounted(async () => {
offset-y offset-y
:trigger="['click']" :trigger="['click']"
class="!xs:hidden" class="!xs:hidden"
overlay-class-name="nc-dropdown-group-by-menu nc-toolbar-dropdown" overlay-class-name="nc-dropdown-group-by-menu nc-toolbar-dropdown overflow-hidden"
> >
<div :class="{ 'nc-active-btn': groupedByColumnIds?.length }"> <div :class="{ 'nc-active-btn': groupedByColumnIds?.length }">
<a-button v-e="['c:group-by']" class="nc-group-by-menu-btn nc-toolbar-btn" :disabled="isLocked"> <a-button v-e="['c:group-by']" class="nc-group-by-menu-btn nc-toolbar-btn" :disabled="isLocked">
@ -234,7 +234,7 @@ onMounted(async () => {
<template #overlay> <template #overlay>
<div <div
:class="{ ' min-w-[400px]': _groupBy.length }" :class="{ ' min-w-[400px]': _groupBy.length }"
class="flex flex-col bg-white rounded-md overflow-auto menu-filter-dropdown max-h-[max(80vh,500px)] py-6 pl-6" class="flex flex-col bg-white overflow-auto menu-filter-dropdown max-h-[max(80vh,500px)] py-6 pl-6"
data-testid="nc-group-by-menu" data-testid="nc-group-by-menu"
> >
<div class="group-by-grid pb-1 mb-2 max-h-100 nc-scrollbar-md pr-5" @click.stop> <div class="group-by-grid pb-1 mb-2 max-h-100 nc-scrollbar-md pr-5" @click.stop>

Loading…
Cancel
Save