From 9efee285c8edb89df59f7b8e07bb36c031e816c6 Mon Sep 17 00:00:00 2001
From: 1ilit <lilitmousheghyan@gmail.com>
Date: Sun, 14 Apr 2024 10:28:08 +0300
Subject: [PATCH] Fix subject area title overflow

---
 src/components/EditorCanvas/Area.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/EditorCanvas/Area.jsx b/src/components/EditorCanvas/Area.jsx
index d660434..0d5ecd5 100644
--- a/src/components/EditorCanvas/Area.jsx
+++ b/src/components/EditorCanvas/Area.jsx
@@ -109,8 +109,10 @@ export default function Area({ data, onMouseDown, setResize, setInitCoords }) {
             className="w-fill p-2 h-full"
             style={{ backgroundColor: `${data.color}66` }}
           >
-            <div className="flex justify-between">
-              <div className="text-color select-none">{data.name}</div>
+            <div className="flex justify-between gap-1 w-full">
+              <div className="text-color select-none overflow-hidden text-ellipsis">
+                {data.name}
+              </div>
               {(hovered || (areaIsSelected() && !layout.sidebar)) && (
                 <Popover
                   visible={areaIsSelected() && !layout.sidebar}