fix: missing select menu border color

packages/nc-gui/components/account/UsersModal.vue

@@ -193,7 +193,7 @@ const emailInput: VNodeRef = (el) => (el as HTMLInputElement)?.focus()
                   <a-form-item name="role" :rules="[{ required: true, message: $t('msg.roleRequired') }]">
                     <div class="ml-1 mb-1 text-xs text-gray-500">{{ $t('labels.selectUserRole') }}</div>
 
-                    <a-select v-model:value="usersData.role" class="nc-user-roles" dropdown-class-name="nc-dropdown-user-role">
+                    <a-select v-model:value="usersData.role" class="nc-user-roles" dropdown-class-name="nc-dropdown-user-role border-1 border-gray-200">
                       <a-select-option
                         class="nc-role-option"
                         :value="OrgUserRoles.CREATOR"

packages/nc-gui/components/api-client/Headers.vue

@@ -91,6 +91,7 @@ const filterOption = (input: string, option: Option) => option.value.toUpperCase
                 :options="headerList"
                 :placeholder="$t('placeholder.key')"
                 :filter-option="filterOption"
+                dropdown-class-name="border-1 border-gray-200"
               />
             </a-form-item>
           </td>

packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue

@@ -441,7 +441,7 @@ onMounted(async () => {
                 </div>
               </template>
               <a-form-item label="SSL mode">
-                <a-select v-model:value="formState.sslUse" dropdown-class-name="nc-dropdown-ssl-mode" @select="onSSLModeChange">
+                <a-select v-model:value="formState.sslUse" dropdown-class-name="nc-dropdown-ssl-mode border-1 border-gray-200" @select="onSSLModeChange">
                   <a-select-option v-for="opt in Object.values(SSLUsage)" :key="opt" :value="opt">{{ opt }}</a-select-option>
                 </a-select>
               </a-form-item>

packages/nc-gui/components/smartsheet/ApiSnippet.vue

@@ -186,7 +186,7 @@ watch(activeLang, (newLang) => {
           />
 
           <div v-if="activeLang?.clients" class="flex flex-row w-full justify-end space-x-3 mt-4 uppercase">
-            <a-select v-model:value="selectedClient" style="width: 6rem" dropdown-class-name="nc-dropdown-snippet-active-lang">
+            <a-select v-model:value="selectedClient" style="width: 6rem" dropdown-class-name="nc-dropdown-snippet-active-lang border-1 border-gray-200">
               <a-select-option v-for="(client, i) in activeLang?.clients" :key="i" class="!w-full uppercase" :value="client">
                 {{ client }}
               </a-select-option>

packages/nc-gui/components/smartsheet/column/AdvancedOptions.vue

@@ -73,7 +73,7 @@ vModel.value.au = !!vModel.value.au */
       </div>
 
       <a-form-item :label="$t('labels.databaseType')" v-bind="validateInfos.dt">
-        <a-select v-model:value="vModel.dt" dropdown-class-name="nc-dropdown-db-type" @change="onDataTypeChange">
+        <a-select v-model:value="vModel.dt" dropdown-class-name="nc-dropdown-db-type border-1 border-gray-200" @change="onDataTypeChange">
           <a-select-option v-for="type in dataTypes" :key="type" :value="type">
             {{ type }}
           </a-select-option>

packages/nc-gui/components/smartsheet/column/BarcodeOptions.vue

@@ -85,6 +85,7 @@ const showBarcodeValueColumnInfoIcon = computed(() => !columnsAllowedAsBarcodeVa
             :options="columnsAllowedAsBarcodeValue"
             :placeholder="$t('placeholder.barcodeColumn')"
             :not-found-content="$t('placeholder.notFoundContent')"
+            dropdown-class-name="border-1 border-gray-200"
             @click.stop
           />
           <div v-if="showBarcodeValueColumnInfoIcon" class="pl-2">
@@ -108,6 +109,7 @@ const showBarcodeValueColumnInfoIcon = computed(() => !columnsAllowedAsBarcodeVa
           v-model:value="vModel.meta.barcodeFormat"
           :options="supportedBarcodeFormats"
           :placeholder="$t('placeholder.selectBarcodeFormat')"
+          dropdown-class-name="border-1 border-gray-200"
           @click.stop
         />
       </a-form-item>

packages/nc-gui/components/smartsheet/column/CheckboxOptions.vue

@@ -78,7 +78,7 @@ watch(
   <a-row>
     <a-col :span="24">
       <a-form-item label="Icon">
-        <a-select v-model:value="vModel.meta.iconIdx" class="w-52" dropdown-class-name="nc-dropdown-checkbox-icon">
+        <a-select v-model:value="vModel.meta.iconIdx" class="w-52" dropdown-class-name="nc-dropdown-checkbox-icon border-1 border-gray-200">
           <a-select-option v-for="(icon, i) of iconList" :key="i" :value="i">
             <div class="flex items-center">
               <component

packages/nc-gui/components/smartsheet/column/DecimalOptions.vue

@@ -37,7 +37,7 @@ onMounted(() => {
     <a-select
       v-if="vModel.meta?.precision"
       v-model:value="vModel.meta.precision"
-      dropdown-class-name="nc-dropdown-decimal-format"
+      dropdown-class-name="nc-dropdown-decimal-format border-1 border-gray-200"
     >
       <a-select-option v-for="(format, i) of precisionFormats" :key="i" :value="format">
         <div class="flex flex-row items-center">

packages/nc-gui/components/smartsheet/column/PercentOptions.vue

@@ -21,7 +21,7 @@ if (!vModel.value.meta?.precision) vModel.value.meta.precision = precisions[0].i
   <div class="flex flex-col mt-2 gap-2">
     <div class="flex flex-row space-x-2">
       <a-form-item class="flex w-1/2" :label="$t('placeholder.precision')">
-        <a-select v-model:value="vModel.meta.precision" dropdown-class-name="nc-dropdown-precision">
+        <a-select v-model:value="vModel.meta.precision" dropdown-class-name="nc-dropdown-precision border-1 border-gray-200">
           <a-select-option v-for="(precision, i) of precisions" :key="i" :value="precision.id">
             <div class="flex flex-row items-center">
               <div class="text-xs">

packages/nc-gui/components/smartsheet/column/PgBinaryOptions.vue

@@ -28,6 +28,7 @@ vModel.value.meta = {
           v-model:value="vModel.meta.format"
           :placeholder="$t('labels.binaryEncodingFormat')"
           class="!w-full nc-link-singular"
+          dropdown-class-name="border-1 border-gray-200"
         >
           <a-select-option value="escape">{{ $t('general.escape') }}</a-select-option>
           <a-select-option value="hex">{{ $t('general.hex') }}</a-select-option>

packages/nc-gui/components/smartsheet/column/RatingOptions.vue

@@ -72,7 +72,7 @@ watch(
   <a-row :gutter="8">
     <a-col :span="12">
       <a-form-item :label="$t('labels.icon')">
-        <a-select v-model:value="vModel.meta.iconIdx" class="w-52" dropdown-class-name="nc-dropdown-rating-icon">
+        <a-select v-model:value="vModel.meta.iconIdx" class="w-52" dropdown-class-name="nc-dropdown-rating-icon border-1 border-gray-200">
           <a-select-option v-for="(icon, i) of iconList" :key="i" :value="i">
             <div class="flex items-center">
               <component
@@ -96,7 +96,7 @@ watch(
     </a-col>
     <a-col :span="12">
       <a-form-item :label="$t('labels.max')">
-        <a-select v-model:value="vModel.meta.max" class="w-52" dropdown-class-name="nc-dropdown-rating-color">
+        <a-select v-model:value="vModel.meta.max" class="w-52" dropdown-class-name="nc-dropdown-rating-color border-1 border-gray-200">
           <a-select-option v-for="(v, i) in [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]" :key="i" :value="v">
             {{ v }}
           </a-select-option>

packages/nc-gui/components/smartsheet/toolbar/SearchData.vue

@@ -107,7 +107,7 @@ watch(columns, () => {
         :open="isDropdownOpen"
         size="small"
         :dropdown-match-select-width="false"
-        dropdown-class-name="!rounded-lg nc-dropdown-toolbar-search-field-option w-48"
+        dropdown-class-name="!rounded-lg nc-dropdown-toolbar-search-field-option w-48 border-1 border-gray-200"
         class="py-1 !absolute top-0 left-0 w-full h-full z-10 text-xs opacity-0"
         @change="onPressEnter"
       >

packages/nc-gui/components/workspace/InviteCollabDlg.vue

@@ -214,7 +214,7 @@ const emailInput = ref((el) => {
                   <a-form-item name="role" :rules="[{ required: true, message: $t('msg.roleRequired') }]">
                     <div class="ml-1 mb-1 text-xs text-gray-500">{{ $t('labels.selectUserRole') }}</div>
 
-                    <a-select v-model:value="usersData.role" class="nc-user-roles" dropdown-class-name="nc-dropdown-user-role">
+                    <a-select v-model:value="usersData.role" class="nc-user-roles" dropdown-class-name="nc-dropdown-user-role border-1 border-gray-200">
                       <a-select-option
                         class="nc-role-option"
                         :value="WorkspaceUserRoles.CREATOR"

packages/nc-gui/components/workspace/MoveProjectDlg.vue

@@ -56,7 +56,7 @@ const ownedWorkspaces = computed(() => {
       <div class="prose-xl font-bold self-center my-4">{{ $t('activity.moveProject') }}</div>
 
       <div class="mb-2">{{ $t('objects.workspace') }}</div>
-      <a-select v-model:value="workspaceId" class="w-full" show-search>
+      <a-select v-model:value="workspaceId" class="w-full" dropdown-class-name="border-1 border-gray-200" show-search>
         <a-select-option v-for="workspace of ownedWorkspaces" :key="workspace.id" :value="workspace.id">
           {{ workspace.title }}
         </a-select-option>