From 8df711992775b6242e8c2473c502c8eb5b55b36d Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Mon, 29 Aug 2022 23:12:31 +0300
Subject: [PATCH] fix: custom color picker css

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nc-gui-v2/pages/index/index/index.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui-v2/pages/index/index/index.vue b/packages/nc-gui-v2/pages/index/index/index.vue
index f4d6fe0bf0..90093bc225 100644
--- a/packages/nc-gui-v2/pages/index/index/index.vue
+++ b/packages/nc-gui-v2/pages/index/index/index.vue
@@ -210,7 +210,7 @@ watch(themePrimaryColors, async (nextColors) => {
               <div @click.stop>
                 <a-menu class="!border-0 !m-0 !p-0" trigger-sub-menu-action="click">
                   <template v-if="isUIAllowed('projectTheme')">
-                    <a-sub-menu key="theme">
+                    <a-sub-menu key="theme" popup-class-name="custom-color">
                       <template #title>
                         <div
                           class="color-selector"
@@ -232,7 +232,7 @@ watch(themePrimaryColors, async (nextColors) => {
                       />
                       <a-sub-menu key="pick-primary">
                         <template #title>
-                          <div class="nc-project-menu-item group">
+                          <div class="nc-project-menu-item group !py-0">
                             <ClarityColorPickerSolid class="group-hover:text-accent" />
                             Custom Color
                           </div>
@@ -307,3 +307,9 @@ watch(themePrimaryColors, async (nextColors) => {
   @apply !p-0 !mr-1 !my-0 !h-5;
 }
 </style>
+
+<style>
+.custom-color .ant-menu-submenu-title {
+  height: auto !important;
+}
+</style>