From 85ed1d023d77217fef31032e6defcdd18240f4e0 Mon Sep 17 00:00:00 2001
From: Ayush Sahu <aztrexdx@gmail.com>
Date: Mon, 16 Aug 2021 16:15:35 +0530
Subject: [PATCH] Hi,

There is text overflow issue that when text length is large then causes bug that button moves up and it doesn't looks good overall. So put a text limit using css.

Signed-off-by: Ayush Sahu <aztrexdx@gmail.com>
---
 .../project/spreadsheet/components/expandedForm.vue        | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue b/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
index 3db3a12d77..5f9841f219 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue
@@ -476,6 +476,12 @@ export default {
   color: var(--v-primary-base);
 }
 
+.title.text-center {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 ::v-deep {
 
   .v-breadcrumbs__item:nth-child(odd) {
@@ -597,6 +603,7 @@ h5 {
  *
  * @author Naveen MR <oof1lab@gmail.com>
  * @author Pranav C Balan <pranavxc@gmail.com>
+ * @author Ayush Sahu <aztrexdx@gmail.com>
  *
  * @license GNU AGPL version 3 or any later version
  *