diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss index f99a6af61d..79bd9f9e00 100644 --- a/packages/nc-gui/assets/style.scss +++ b/packages/nc-gui/assets/style.scss @@ -227,7 +227,7 @@ a { } // select dropdown border style .ant-select-dropdown { - @apply border-1 border-gray-200 !min-w-max + @apply border-1 border-gray-200 } // menu item styling diff --git a/packages/nc-gui/components/cell/MultiSelect.vue b/packages/nc-gui/components/cell/MultiSelect.vue index d02db8decc..b531a07bb6 100644 --- a/packages/nc-gui/components/cell/MultiSelect.vue +++ b/packages/nc-gui/components/cell/MultiSelect.vue @@ -387,7 +387,7 @@ const selectedOpts = computed(() => { :open="isOpen && editAllowed" :disabled="readOnly || !editAllowed" :class="{ 'caret-transparent': !hasEditRoles }" - :dropdown-class-name="`nc-dropdown-multi-select-cell ${isOpen ? 'active' : ''}`" + :dropdown-class-name="`nc-dropdown-multi-select-cell !min-w-200px ${isOpen ? 'active' : ''}`" @search="search" @keydown.stop > diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue index 9acccd11e2..1b4ec5907c 100644 --- a/packages/nc-gui/components/cell/SingleSelect.vue +++ b/packages/nc-gui/components/cell/SingleSelect.vue @@ -291,7 +291,7 @@ const selectedOpt = computed(() => { :open="isOpen && editAllowed" :disabled="readOnly || !editAllowed" :show-arrow="hasEditRoles && !readOnly && active && vModel === null" - :dropdown-class-name="`nc-dropdown-single-select-cell ${isOpen && active ? 'active' : ''}`" + :dropdown-class-name="`nc-dropdown-single-select-cell !min-w-200px ${isOpen && active ? 'active' : ''}`" :show-search="!isMobileMode && isOpen && active" @select="onSelect" @keydown="onKeydown($event)"