Merge pull request #4808 from h3poteto/iss-2494/overflow-list-name

refs #2494 Fix overflowed list name
This commit is contained in:
AkiraFukushima 2024-01-28 12:24:26 +09:00 committed by GitHub
commit 375f13689d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions

View File

@ -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>