From d9fa03ae01806543e637fe2477ac3d209949d9de Mon Sep 17 00:00:00 2001
From: 1ilit <lilitmousheghyan@gmail.com>
Date: Mon, 1 Apr 2024 20:57:13 +0300
Subject: [PATCH] Fix table name overflow

---
 src/components/EditorCanvas/Table.jsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx
index 4078708..d09fc8e 100644
--- a/src/components/EditorCanvas/Table.jsx
+++ b/src/components/EditorCanvas/Table.jsx
@@ -81,22 +81,16 @@ export default function Table(props) {
           }`}
         >
           <div
-            className={`h-[10px] w-full rounded-t-md`}
+            className="h-[10px] w-full rounded-t-md"
             style={{ backgroundColor: props.tableData.color }}
           />
           <div
-            className={`font-bold h-[40px] flex justify-between items-center border-b border-gray-400 ${
+            className={`overflow-hidden font-bold h-[40px] flex justify-between items-center border-b border-gray-400 ${
               settings.mode === "light" ? "bg-zinc-200" : "bg-zinc-900"
             }`}
           >
-            <div className="px-3">
-              {isHovered
-                ? props.tableData.name.length <= 10
-                  ? props.tableData.name
-                  : `${props.tableData.name.substring(0, 10)}...`
-                : props.tableData.name.length <= 18
-                ? props.tableData.name
-                : `${props.tableData.name.substring(0, 19)}...`}
+            <div className="px-3 overflow-hidden text-ellipsis whitespace-nowrap">
+              {props.tableData.name}
             </div>
             {isHovered && (
               <div className="flex justify-end items-center mx-2">