From b2bc968a4fa3a4fc4ec3c3c4f5a9c7f5b80e645a Mon Sep 17 00:00:00 2001
From: Giga Chubinidze <giga@scinote.net>
Date: Mon, 2 Oct 2023 07:41:31 +0400
Subject: [PATCH 1/2] CSS: Blank name error message on table [sci-9401]

---
 app/assets/stylesheets/shared/content/table.scss | 3 +++
 app/javascript/vue/shared/content/table.vue      | 2 +-
 app/javascript/vue/shared/inline_edit.vue        | 1 -
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/shared/content/table.scss b/app/assets/stylesheets/shared/content/table.scss
index 19d551654..a127ed4f7 100644
--- a/app/assets/stylesheets/shared/content/table.scss
+++ b/app/assets/stylesheets/shared/content/table.scss
@@ -3,4 +3,7 @@
   th {
     color: $color-black;
   }
+  .mb-15 {
+    margin-bottom: 15px;
+  }
 }
diff --git a/app/javascript/vue/shared/content/table.vue b/app/javascript/vue/shared/content/table.vue
index 73cf7084c..add43dd08 100644
--- a/app/javascript/vue/shared/content/table.vue
+++ b/app/javascript/vue/shared/content/table.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="content__table-container">
     <div class="border-0 border-b border-dashed border-sn-light-grey my-6" v-if="!inRepository"></div>
-    <div class="table-header h-9 flex rounded mb-1 items-center relative w-full group/table-header" :class="{ 'editing-name': editingName, 'locked': locked }">
+    <div class="table-header h-9 flex rounded mb-1 mb-15 items-center relative w-full group/table-header" :class="{ 'editing-name': editingName, 'locked': locked }">
       <div v-if="!locked || element.attributes.orderable.name" :key="reloadHeader"
            class="grow-1 text-ellipsis whitespace-nowrap grow my-1 font-bold"
            :class="{'pointer-events-none': locked}">
diff --git a/app/javascript/vue/shared/inline_edit.vue b/app/javascript/vue/shared/inline_edit.vue
index ca0dc2508..e4ca45464 100644
--- a/app/javascript/vue/shared/inline_edit.vue
+++ b/app/javascript/vue/shared/inline_edit.vue
@@ -240,7 +240,6 @@
           this.$nextTick(() => {
             if (!this.$refs.input) return;
 
-            this.$refs.input.style.height = '0px';
             this.$refs.input.style.height = this.$refs.input.scrollHeight  + 'px';
           });
         }

From 2c3d5c4fd50e2052049ddd20dc352bace298b4ac Mon Sep 17 00:00:00 2001
From: Giga Chubinidze <giga@scinote.net>
Date: Thu, 5 Oct 2023 13:01:34 +0400
Subject: [PATCH 2/2] changed styling to tw class / optimized inline editing
 height

---
 app/assets/stylesheets/shared/content/table.scss | 3 ---
 app/javascript/vue/shared/content/table.vue      | 2 +-
 app/javascript/vue/shared/inline_edit.vue        | 1 +
 3 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/shared/content/table.scss b/app/assets/stylesheets/shared/content/table.scss
index a127ed4f7..19d551654 100644
--- a/app/assets/stylesheets/shared/content/table.scss
+++ b/app/assets/stylesheets/shared/content/table.scss
@@ -3,7 +3,4 @@
   th {
     color: $color-black;
   }
-  .mb-15 {
-    margin-bottom: 15px;
-  }
 }
diff --git a/app/javascript/vue/shared/content/table.vue b/app/javascript/vue/shared/content/table.vue
index add43dd08..a14f4b278 100644
--- a/app/javascript/vue/shared/content/table.vue
+++ b/app/javascript/vue/shared/content/table.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="content__table-container">
     <div class="border-0 border-b border-dashed border-sn-light-grey my-6" v-if="!inRepository"></div>
-    <div class="table-header h-9 flex rounded mb-1 mb-15 items-center relative w-full group/table-header" :class="{ 'editing-name': editingName, 'locked': locked }">
+    <div class="table-header h-9 flex rounded mb-3 items-center relative w-full group/table-header" :class="{ 'editing-name': editingName, 'locked': locked }">
       <div v-if="!locked || element.attributes.orderable.name" :key="reloadHeader"
            class="grow-1 text-ellipsis whitespace-nowrap grow my-1 font-bold"
            :class="{'pointer-events-none': locked}">
diff --git a/app/javascript/vue/shared/inline_edit.vue b/app/javascript/vue/shared/inline_edit.vue
index e4ca45464..bc1350e22 100644
--- a/app/javascript/vue/shared/inline_edit.vue
+++ b/app/javascript/vue/shared/inline_edit.vue
@@ -239,6 +239,7 @@
         if (this.editing && !this.singleLine) {
           this.$nextTick(() => {
             if (!this.$refs.input) return;
+            this.$refs.input.style.height = this.$refs.input.scrollHeight / 2  + 'px';
 
             this.$refs.input.style.height = this.$refs.input.scrollHeight  + 'px';
           });