From 96040220a3b07e40f44ed3005bc88656af3c2f77 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 16 Jan 2023 15:56:48 +0530
Subject: [PATCH] fix(gui): make add icon visible in dark mode and show it all
 the time in shared form view

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../pages/[projectType]/form/[viewId]/index/index.vue     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/pages/[projectType]/form/[viewId]/index/index.vue b/packages/nc-gui/pages/[projectType]/form/[viewId]/index/index.vue
index 3902c279a5..9cfca9bab8 100644
--- a/packages/nc-gui/pages/[projectType]/form/[viewId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/form/[viewId]/index/index.vue
@@ -85,7 +85,7 @@ function isRequired(_columnObj: Record<string, any>, required = false) {
                     <LazySmartsheetVirtualCell
                       v-if="isVirtualCol(field)"
                       :model-value="null"
-                      class="mt-0 nc-input"
+                      class="mt-0 nc-input nc-cell"
                       :data-testid="`nc-form-input-cell-${field.label || field.title}`"
                       :class="`nc-form-input-${field.title?.replaceAll(' ', '')}`"
                       :column="field"
@@ -133,3 +133,9 @@ function isRequired(_columnObj: Record<string, any>, required = false) {
     </div>
   </div>
 </template>
+
+<style lang="scss" scoped>
+:deep(.nc-cell .nc-action-icon) {
+  @apply !text-white-500 !bg-white/50 !rounded-full !p-1 !text-xs !w-7 !h-7 !flex !items-center !justify-center !cursor-pointer !hover:!bg-white-600 !hover:!text-white-600 !transition;
+}
+</style>