fix(nc-gui): increase comment input box padding

nocodb · May 11, 2024 · 6900762 · 6900762
1 parent 8ad8687
commit 6900762
Showing 1 changed file with 1 addition and 17 deletions.
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue b/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue
@@ -29,16 +29,7 @@ const isEditing = ref<boolean>(false)
 
 const isCommentMode = ref(false)
 
-const showCommentInputBoxShadow = ref(false)
-
 const focusCommentInput: VNodeRef = (el) => {
-  if (el) {
-    if (parseInt((el.$el as HTMLTextAreaElement)?.style?.height ?? '') > 82) {
-      showCommentInputBoxShadow.value = true
-    } else {
-      showCommentInputBoxShadow.value = false
-    }
-  }
   if (!isExpandedFormLoading.value && (isCommentMode.value || isExpandedFormCommentMode.value) && !isEditing.value) {
     if (isExpandedFormCommentMode.value) {
       setTimeout(() => {
@@ -262,7 +253,7 @@ watch(commentsWrapperEl, () => {
                   <a-textarea
                     :ref="focusCommentInput"
                     v-model:value="comment"
-                    class="expanded-form-comment-input !py-1 !px-3 !m-0 w-full !border-1 !border-gray-200 !rounded-lg !bg-transparent !text-gray-800 !text-small !leading-18px !max-h-[694px] nc-scrollbar-thin"
+                    class="expanded-form-comment-input !py-1.5 !px-3 !m-0 w-full !border-1 !border-gray-200 !rounded-lg !bg-transparent !text-gray-800 !text-small !leading-18px !max-h-[694px] nc-scrollbar-thin"
                     auto-size
                     hide-details
                     :disabled="isSaving"
@@ -271,7 +262,6 @@ watch(commentsWrapperEl, () => {
                     @keydown.stop
                     @keydown.enter.exact.prevent="saveComment"
                   />
-                  <div v-if="showCommentInputBoxShadow" class="expanded-form-comment-input-shadow"></div>
                 </div>
                 <NcButton
                   v-e="['a:row-expand:comment:save']"
@@ -427,12 +417,6 @@ watch(commentsWrapperEl, () => {
 }
 .expanded-form-comment-input-wrapper {
   @apply flex-1 bg-white rounded-lg relative;
-
-  .expanded-form-comment-input-shadow {
-    @apply absolute top-1px left-1px h-3 w-[98%] z-0 rounded-t-lg  pointer-events-none;
-
-    box-shadow: 0px 12px 12px 0px rgba(255, 255, 255, 0.65) inset;
-  }
 }
 :deep(.expanded-form-comment-input) {
   @apply transition-all duration-150;