From c50a09592657fc527975b0f230de5820a6d06ee4 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 4 Jan 2024 13:19:28 +0000
Subject: [PATCH] fix: use grey background for system fields

---
 .../components/smartsheet/expanded-form/index.vue      | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index c481006b0a..8287822763 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ColumnType, TableType, ViewType } from 'nocodb-sdk'
-import { ViewTypes, isCreatedTimeOrUpdatedTimeCol, isLinksOrLTAR, isSystemColumn, isVirtualCol } from 'nocodb-sdk'
+import { ViewTypes, isLinksOrLTAR, isSystemColumn, isVirtualCol } from 'nocodb-sdk'
 import type { Ref } from 'vue'
 import MdiChevronDown from '~icons/mdi/chevron-down'
 
@@ -464,7 +464,7 @@ const isReadOnlyVirtualCell = (column: ColumnType) => {
     isBarcode(column) ||
     isLookup(column) ||
     isQrCode(column) ||
-    isCreatedTimeOrUpdatedTimeCol(column)
+    isSystemColumn(column)
   )
 }
 
@@ -693,7 +693,7 @@ export default {
                     :ref="i ? null : (el: any) => (cellWrapperEl = el)"
                     class="bg-white w-80 xs:w-full px-1 sm:min-h-[35px] xs:min-h-13 flex items-center relative"
                     :class="{
-                      '!bg-gray-50 !px-0 !select-text': isReadOnlyVirtualCell(col),
+                      '!bg-gray-50 !px-0 !select-text nc-system-field': isReadOnlyVirtualCell(col),
                     }"
                   >
                     <LazySmartsheetVirtualCell
@@ -931,4 +931,8 @@ export default {
 .nc-data-cell:focus-within {
   @apply !border-1 !border-brand-500 !rounded-lg !shadow-none !ring-0;
 }
+
+:deep(.nc-system-field input){
+  @apply bg-transparent;
+}
 </style>