From 6a17924c858abdc17dc6f40073772c3d41aee2b8 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 2 Feb 2023 16:01:28 +0530
Subject: [PATCH] fix(gui): reduce view toolbar items text size

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/general/ShareBaseButton.vue     | 2 +-
 .../components/smartsheet/toolbar/ColumnFilterMenu.vue     | 2 +-
 .../nc-gui/components/smartsheet/toolbar/FieldsMenu.vue    | 2 +-
 .../nc-gui/components/smartsheet/toolbar/SearchData.vue    | 7 ++++++-
 .../nc-gui/components/smartsheet/toolbar/ShareView.vue     | 2 +-
 .../nc-gui/components/smartsheet/toolbar/SortListMenu.vue  | 2 +-
 .../nc-gui/components/smartsheet/toolbar/ViewActions.vue   | 2 +-
 7 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/general/ShareBaseButton.vue b/packages/nc-gui/components/general/ShareBaseButton.vue
index f6ec5630f1..639c0e9038 100644
--- a/packages/nc-gui/components/general/ShareBaseButton.vue
+++ b/packages/nc-gui/components/general/ShareBaseButton.vue
@@ -46,7 +46,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
         <a-button type="primary" class="!rounded-md mr-1" size="medium">
           <div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold">
             <MdiAccountPlusOutline class="mr-1 nc-share-base hover:text-accent text-sm" />
-            Share
+            {{ $t('activity.share') }}
           </div>
         </a-button>
       </a-tooltip>
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ColumnFilterMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/ColumnFilterMenu.vue
index 7a154f28b5..39ed89c290 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ColumnFilterMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ColumnFilterMenu.vue
@@ -76,7 +76,7 @@ useMenuCloseOnEsc(open)
         <div class="flex items-center gap-1">
           <MdiFilterOutline />
           <!-- Filter -->
-          <span class="text-capitalize !text-sm font-weight-normal">{{ $t('activity.filter') }}</span>
+          <span class="text-capitalize !text-xs font-weight-normal">{{ $t('activity.filter') }}</span>
           <MdiMenuDown class="text-grey" />
 
           <span v-if="filtersLength" class="nc-count-badge">{{ filtersLength }}</span>
diff --git a/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
index ca6a110f90..bb06fb9659 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
@@ -151,7 +151,7 @@ useMenuCloseOnEsc(open)
           <MdiEyeOffOutline />
 
           <!-- Fields -->
-          <span class="text-capitalize !text-sm font-weight-normal">{{ $t('objects.fields') }}</span>
+          <span class="text-capitalize !text-xs font-weight-normal">{{ $t('objects.fields') }}</span>
 
           <MdiMenuDown class="text-grey" />
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
index 24c6468aec..596ed5f354 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SearchData.vue
@@ -73,7 +73,7 @@ function onPressEnter() {
     <a-input
       v-model:value="search.query"
       size="small"
-      class="max-w-[200px]"
+      class="max-w-[200px] !text-xs"
       :placeholder="$t('placeholder.filterQuery')"
       :bordered="false"
       data-testid="search-data-input"
@@ -83,3 +83,8 @@ function onPressEnter() {
     </a-input>
   </div>
 </template>
+<style scoped>
+:deep(input::placeholder){
+  @apply !text-xs
+}
+</style>
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue b/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
index 156938bca2..d6071cbd8d 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
@@ -237,7 +237,7 @@ const copyIframeCode = async () => {
       <div class="flex items-center gap-1">
         <MdiOpenInNew />
         <!-- Share View -->
-        <span class="!text-sm font-weight-normal"> {{ $t('activity.shareView') }}</span>
+        <span class="!text-xs font-weight-normal"> {{ $t('activity.shareView') }}</span>
       </div>
     </a-button>
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
index ce48d10fd0..eaddd9d7ec 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
@@ -66,7 +66,7 @@ useMenuCloseOnEsc(open)
           <MdiSort />
 
           <!-- Sort -->
-          <span class="text-capitalize !text-sm font-weight-normal">{{ $t('activity.sort') }}</span>
+          <span class="text-capitalize !text-xs font-weight-normal">{{ $t('activity.sort') }}</span>
           <MdiMenuDown class="text-grey" />
 
           <span v-if="sorts?.length" class="nc-count-badge">{{ sorts.length }}</span>
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
index 41255b30a5..f955ff7075 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
@@ -94,7 +94,7 @@ useMenuCloseOnEsc(open)
         <div class="flex gap-2 items-center">
           <GeneralViewIcon :meta="selectedView"></GeneralViewIcon>
 
-          <span class="!text-sm font-weight-normal">
+          <span class="!text-xs font-weight-normal">
             <GeneralTruncateText :key="selectedView?.title">{{ selectedView?.title }}</GeneralTruncateText>
           </span>