From 78b0f61b1faba0528158b590ed17b8e9bf5e82f0 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 30 Jul 2022 15:10:28 +0530
Subject: [PATCH] refactor(gui-v2): give fixed dropdown width

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet-toolbar/ColumnFilter.vue          | 6 +++++-
 .../components/smartsheet-toolbar/SharedViewList.vue        | 6 ++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue
index 6555e12b33..3a56a70ea9 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/ColumnFilter.vue
@@ -264,7 +264,7 @@ defineExpose({
 <style scoped>
 .nc-filter-grid {
   display: grid;
-  grid-template-columns: 18px 70px auto auto auto;
+  grid-template-columns: 18px 70px auto 90px auto;
   column-gap: 6px;
   row-gap: 6px;
   align-items: center;
@@ -273,4 +273,8 @@ defineExpose({
 :deep(.ant-btn, .ant-select, .ant-input) {
   @apply "!text-xs";
 }
+
+:deep(.ant-select-item-option) {
+  @apply "!min-w-min";
+}
 </style>
diff --git a/packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue b/packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue
index 9752d3c8b4..7b5aa775c7 100644
--- a/packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue
+++ b/packages/nc-gui-v2/components/smartsheet-toolbar/SharedViewList.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useRoute } from '#app'
 import { computed } from '@vue/reactivity'
 import { useClipboard } from '@vueuse/core'
 import { ViewTypes } from 'nocodb-sdk'
 import { useToast } from 'vue-toastification'
+import { useRoute } from '#app'
 import { onMounted } from '#imports'
 import { useSmartsheetStoreOrThrow } from '~/composables/useSmartsheetStore'
 import { extractSdkResponseErrorMsg } from '~/utils/errorUtils'
@@ -30,7 +30,6 @@ let isLoading = $ref(false)
 // let activeSharedView = $ref(null)
 const sharedViewList = ref<SharedViewType[]>()
 
-
 const loadSharedViewsList = async () => {
   isLoading = true
   const list = await $api.dbViewShare.list(meta.value?.id as string)
@@ -57,7 +56,7 @@ const loadSharedViewsList = async () => {
 onMounted(loadSharedViewsList)
 
 // todo: get correct dashboard url
-const dashboardUrl = computed(() =>{
+const dashboardUrl = computed(() => {
   return `${location.origin}`
 })
 
@@ -99,7 +98,6 @@ const deleteLink = async (id: string) => {
     toast.error(await extractSdkResponseErrorMsg(e))
   }
 }
-
 </script>
 
 <template>