From 876d5c2e2956e2069168f97d1b9c1cadc284614e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 14 Sep 2022 18:26:03 +0800
Subject: [PATCH] feat(nc-gui): add nc-kanban-btn style

---
 packages/nc-gui/assets/style.scss                           | 6 ++++++
 packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss
index 2d937de015..78353c8cc8 100644
--- a/packages/nc-gui/assets/style.scss
+++ b/packages/nc-gui/assets/style.scss
@@ -89,6 +89,12 @@ a {
   @apply bg-primary bg-opacity-20 hover:(bg-primary bg-opacity-20);
 }
 
+// for highlighing toolbar kanban menu item
+
+.nc-kanban-btn > .ant-btn {
+  @apply bg-green-400 bg-opacity-20 hover:(bg-primary bg-opacity-20);
+}
+
 .nc-locked-overlay {
   @apply absolute h-full w-full z-2 top-0 left-0;
 }
diff --git a/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue b/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue
index ae6522db39..326bfc16e1 100644
--- a/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue
+++ b/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue
@@ -101,7 +101,7 @@ const handleChange = () => {
 
 <template>
   <a-dropdown v-model:visible="stackedByDropdown" :trigger="['click']">
-    <div>
+    <div class="nc-kanban-btn">
       <a-button v-t="['c:stacked-by']" class="nc-fields-menu-btn nc-toolbar-btn" :disabled="isLocked">
         <div class="flex items-center gap-1">
           <mdi-arrow-down-drop-circle-outline />