From e3f3f9d5bd065f0e108221a08a8ca58370524168 Mon Sep 17 00:00:00 2001
From: 1ilit <lilitmousheghyan@gmail.com>
Date: Sun, 14 Apr 2024 10:26:31 +0300
Subject: [PATCH] Fix note title overflow

---
 src/components/EditorCanvas/Note.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/EditorCanvas/Note.jsx b/src/components/EditorCanvas/Note.jsx
index ecd898f..7a7976b 100644
--- a/src/components/EditorCanvas/Note.jsx
+++ b/src/components/EditorCanvas/Note.jsx
@@ -135,8 +135,11 @@ export default function Note({ data, onMouseDown }) {
         onMouseDown={onMouseDown}
       >
         <div className="text-gray-900 select-none w-full h-full cursor-move px-3 py-2">
-          <div className="flex justify-between">
-            <label htmlFor={`note_${data.id}`} className="ms-5">
+          <div className="flex justify-between gap-1 w-full">
+            <label
+              htmlFor={`note_${data.id}`}
+              className="ms-5 overflow-hidden text-ellipsis"
+            >
               {data.title}
             </label>
             {(hovered ||