fix: review changes

packages/nc-gui/components/cell/Currency.vue

@@ -78,10 +78,8 @@ onMounted(() => {
     :ref="focus"
     v-model="vModel"
     type="number"
-    class="w-full h-full text-sm border-none rounded-md px-0 py-1 outline-none focus:outline-none focus:ring-0"
+    class="w-full h-full text-sm border-none rounded-md py-1 outline-none focus:outline-none focus:ring-0"
-    :class="{
+    :class="isExpandedFormOpen ? 'px-2' : 'px-0'"
-      '!px-2': isExpandedFormOpen,
-    }"
     :placeholder="isEditColumn ? $t('labels.optional') : ''"
     @blur="submitCurrency"
     @keydown.down.stop

packages/nc-gui/components/cell/Decimal.vue

@@ -94,10 +94,8 @@ watch(isExpandedFormOpen, () => {
     v-if="editEnabled"
     :ref="focus"
     v-model="vModel"
-    class="outline-none px-0 py-1 border-none rounded-md w-full h-full !text-sm"
+    class="outline-none py-1 border-none rounded-md w-full h-full !text-sm"
-    :class="{
+    :class="isExpandedFormOpen ? 'px-2' : 'px-0'"
-      '!px-2': isExpandedFormOpen,
-    }"
     type="number"
     :step="precision"
     :placeholder="isEditColumn ? $t('labels.optional') : ''"

packages/nc-gui/components/cell/Duration.vue

@@ -92,10 +92,8 @@ const focus: VNodeRef = (el) => !isExpandedFormOpen.value && !isEditColumn.value
       v-if="editEnabled"
       :ref="focus"
       v-model="localState"
-      class="w-full !border-none !outline-none px-0 py-1"
+      class="w-full !border-none !outline-none py-1"
-      :class="{
+      :class="isExpandedFormOpen ? 'px-2' : 'px-0'"
-        '!px-2': isExpandedFormOpen,
-      }"
       :placeholder="durationPlaceholder"
       @blur="submitDuration"
       @keypress="checkDurationFormat($event)"

packages/nc-gui/components/cell/Email.vue

@@ -70,10 +70,8 @@ watch(
     v-if="editEnabled"
     :ref="focus"
     v-model="vModel"
-    class="w-full outline-none text-sm px-0 py-1"
+    class="w-full outline-none text-sm py-1"
-    :class="{
+    :class="isExpandedFormOpen ? 'px-2' : 'px-0'"
-      '!px-2': isExpandedFormOpen,
-    }"
     :placeholder="isEditColumn ? $t('labels.optional') : ''"
     @blur="editEnabled = false"
     @keydown.down.stop

packages/nc-gui/components/cell/Integer.vue

@@ -85,10 +85,8 @@ function onKeyDown(e: any) {
     v-if="editEnabled"
     :ref="focus"
     v-model="vModel"
-    class="outline-none px-0 py-1 border-none w-full h-full text-sm"
+    class="outline-none py-1 border-none w-full h-full text-sm"
-    :class="{
+    :class="isExpandedFormOpen ? 'px-2' : 'px-0'"
-      '!px-2': isExpandedFormOpen,
-    }"
     type="number"
     style="letter-spacing: 0.06rem"
     :placeholder="isEditColumn ? $t('labels.optional') : ''"

packages/nc-gui/components/cell/Percent.vue

@@ -121,10 +121,8 @@ const onTabPress = (e: KeyboardEvent) => {
       v-if="editEnabled"
       :ref="focus"
       v-model="vModel"
-      class="w-full !text-sm !border-none !outline-none focus:ring-0 text-base px-0 py-1"
+      class="w-full !text-sm !border-none !outline-none focus:ring-0 text-base py-1"
-      :class="{
+      :class="isExpandedFormOpen ? 'px-2' : 'px-0'"
-        '!px-2': isExpandedFormOpen,
-      }"
       type="number"
       :placeholder="isEditColumn ? $t('labels.optional') : ''"
       @blur="onBlur"

packages/nc-gui/components/cell/PhoneNumber.vue

@@ -62,10 +62,8 @@ watch(
     v-if="editEnabled"
     :ref="focus"
     v-model="vModel"
-    class="w-full outline-none text-sm px-0 py-1"
+    class="w-full outline-none text-sm py-1"
-    :class="{
+    :class="isExpandedFormOpen ? 'px-2' : 'px-0'"
-      '!px-2': isExpandedFormOpen,
-    }"
     :placeholder="isEditColumn ? $t('labels.optional') : ''"
     @blur="editEnabled = false"
     @keydown.down.stop

packages/nc-gui/components/cell/RichText.vue

@@ -156,7 +156,7 @@ watch(editorDom, () => {
 
 <template>
   <div
-    class="h-full focus:!outline-none focus-visible:!outline-none"
+    class="h-full focus:outline-none"
     :class="{
       'flex flex-col flex-grow nc-rich-text-full': props.fullMode,
       'nc-rich-text-embed flex flex-col pl-1 w-full': !props.fullMode,

packages/nc-gui/components/cell/Text.vue

@@ -33,9 +33,7 @@ const focus: VNodeRef = (el) => !isExpandedFormOpen.value && !isEditColumn.value
     :ref="focus"
     v-model="vModel"
     class="h-full w-full outline-none py-1 bg-transparent"
-    :class="{
+    :class="isExpandedFormOpen ? 'px-2' : 'px-0'"
-      'px-2': isExpandedFormOpen,
-    }"
     :placeholder="isEditColumn ? $t('labels.optional') : ''"
     @blur="editEnabled = false"
     @keydown.down.stop

packages/nc-gui/components/cell/Url.vue

@@ -92,10 +92,8 @@ watch(
       :ref="focus"
       v-model="vModel"
       :placeholder="isEditColumn ? $t('labels.enterDefaultUrlOptional') : ''"
-      class="outline-none text-sm w-full px-0 py-1 bg-transparent h-full"
+      class="outline-none text-sm w-full py-1 bg-transparent h-full"
-      :class="{
+      :class="isExpandedFormOpen ? 'px-2' : 'px-0'"
-        '!px-2': isExpandedFormOpen,
-      }"
       @blur="editEnabled = false"
       @keydown.down.stop
       @keydown.left.stop