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} key={page.id}
selected={router.asPath.includes(page.path)} selected={router.asPath.includes(page.path)}
onClick={() => router.push(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} title={page.title}
> >
<ListItemPrefix>{page.icon}</ListItemPrefix> <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> </ListItem>
))} ))}
{lists.map(list => ( {lists.map(list => (
@ -96,13 +96,13 @@ export default function Layout({ children }: LayoutProps) {
key={list.id} key={list.id}
selected={router.asPath.includes(`list_${list.id}`)} selected={router.asPath.includes(`list_${list.id}`)}
onClick={() => router.push({ pathname: `/accounts/${router.query.id}/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} title={list.title}
> >
<ListItemPrefix> <ListItemPrefix>
<FaList /> <FaList />
</ListItemPrefix> </ListItemPrefix>
<span className="sidebar-menu">{list.title}</span> <div className="sidebar-menu text-ellipsis whitespace-nowrap overflow-hidden">{list.title}</div>
</ListItem> </ListItem>
))} ))}
</List> </List>