From 38e0b58599e8a884c7d61acd837478b4050273d1 Mon Sep 17 00:00:00 2001 From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com> Date: Thu, 4 Jan 2024 06:16:40 +0000 Subject: [PATCH] fix: single select expand/clear btn overflow & option alignment issue --- packages/nc-gui/components/cell/SingleSelect.vue | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue index 708b59d4c0..8ba832c267 100644 --- a/packages/nc-gui/components/cell/SingleSelect.vue +++ b/packages/nc-gui/components/cell/SingleSelect.vue @@ -322,7 +322,8 @@ const onFocus = () => { :disabled="readOnly || !editAllowed" :show-search="!isMobileMode && isOpen && active" :show-arrow="hasEditRoles && !readOnly && active && (vModel === null || vModel === undefined)" - :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' : ''}`" + :dropdown-match-select-width="true" @select="onSelect" @keydown="onKeydown($event)" @search="search" @@ -399,7 +400,12 @@ const onFocus = () => { } :deep(.ant-select-selector) { - @apply !px-0; + @apply !pl-0 !pr-4; +} + +:deep(.ant-select-selector .ant-select-selection-item) { + @apply flex items-center; + text-overflow: clip; } :deep(.ant-select-selection-search-input) {