From 3c7c6f6178ca1c08f01fba1386fb8f6baf49d704 Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Sun, 28 Jan 2024 12:15:08 +0900
Subject: [PATCH] refs #2494 Fix overflowed list name

---
 renderer/components/layouts/timelines.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/renderer/components/layouts/timelines.tsx b/renderer/components/layouts/timelines.tsx
index 46fc0f40..db0eae26 100644
--- a/renderer/components/layouts/timelines.tsx
+++ b/renderer/components/layouts/timelines.tsx
@@ -84,11 +84,11 @@ export default function Layout({ children }: LayoutProps) {
               key={page.id}
               selected={router.asPath.includes(page.path)}
               onClick={() => router.push(page.path)}
-              className="sidebar-menu-item text-blue-100"
+              className="sidebar-menu-item text-blue-100 overflow-hidden whitespace-nowrap"
               title={page.title}
             >
               <ListItemPrefix>{page.icon}</ListItemPrefix>
-              <span className="sidebar-menu">{page.title}</span>
+              <span className="sidebar-menu text-ellipsis whitespace-nowrap overflow-hidden">{page.title}</span>
             </ListItem>
           ))}
           {lists.map(list => (
@@ -96,13 +96,13 @@ export default function Layout({ children }: LayoutProps) {
               key={list.id}
               selected={router.asPath.includes(`list_${list.id}`)}
               onClick={() => router.push({ pathname: `/accounts/${router.query.id}/list_${list.id}` })}
-              className="sidebar-menu-item text-blue-100"
+              className="sidebar-menu-item text-blue-100 overflow-hidden whitespace-nowrap"
               title={list.title}
             >
               <ListItemPrefix>
                 <FaList />
               </ListItemPrefix>
-              <span className="sidebar-menu">{list.title}</span>
+              <div className="sidebar-menu text-ellipsis whitespace-nowrap overflow-hidden">{list.title}</div>
             </ListItem>
           ))}
         </List>