From b8d695f0d378e87c40b08ddd29c03665de3e606c Mon Sep 17 00:00:00 2001
From: ktmouk <ktmouk@gmail.com>
Date: Wed, 19 Jun 2024 21:44:13 +0900
Subject: [PATCH] fix: the horizontal scroll bar appears when the task name is
 long (#4)

---
 apps/web/src/app/[locale]/_components/FolderTreeItem.tsx | 4 ++--
 apps/web/src/app/[locale]/_components/TaskTreeItem.tsx   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/[locale]/_components/FolderTreeItem.tsx b/apps/web/src/app/[locale]/_components/FolderTreeItem.tsx
index a65c4da..a768865 100644
--- a/apps/web/src/app/[locale]/_components/FolderTreeItem.tsx
+++ b/apps/web/src/app/[locale]/_components/FolderTreeItem.tsx
@@ -185,11 +185,11 @@ export const FolderTreeItem = ({
           <div className="flex flex-1 justify-between" ref={setNodeRef}>
             <button
               type="button"
-              className="block w-full px-4 text-sm"
+              className="block flex-1 min-w-0 px-4 text-sm"
               onClick={toggleIsOpen}
             >
               <TreePath depth={depth}>
-                <span title={name} className="flex w-full min-w-0 items-center">
+                <span title={name} className="flex min-w-0 items-center">
                   <TreeItemArrowIcon isOpen={isOpen} />
                   <span style={{ color }} className="mr-2">
                     <PiFolder size={20} />
diff --git a/apps/web/src/app/[locale]/_components/TaskTreeItem.tsx b/apps/web/src/app/[locale]/_components/TaskTreeItem.tsx
index bfb3fd2..010f35b 100644
--- a/apps/web/src/app/[locale]/_components/TaskTreeItem.tsx
+++ b/apps/web/src/app/[locale]/_components/TaskTreeItem.tsx
@@ -128,7 +128,7 @@ export const TaskTreeItem = ({
       <div className="group flex hover:bg-gray-200">
         <button
           type="button"
-          className="block w-full px-4 text-sm"
+          className="block w-full min-w-0 px-4 text-sm"
           onClick={handleClick}
         >
           <TreePath depth={depth}>