lee/backrest
1
0
Fork 0
mirror of https://github.com/garethgeorge/backrest.git synced 2026-05-05 20:40:37 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix: truncate too long repo/plan names (#1084)

Browse Source
This commit is contained in:
Yelin Zhang
2026-01-27 06:31:06 +01:00
committed by GitHub
parent ce5768298e
commit 27697c09cc
1 changed files with 38 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/app/App.tsx
+38 -22
View File
@@ -229,7 +229,8 @@ const SidebarContent = ({ onClose }: { onClose?: () => void }) => {
return (
<Box
w="300px"
minW="300px"
maxW="400px"
bg="bg.panel"
borderRightWidth="1px"
borderColor="border"
@@ -306,16 +307,23 @@ const SidebarContent = ({ onClose }: { onClose?: () => void }) => {
<Box flexShrink={0} mr={2}>
<IconForResource selector={sel} />
</Box>
<Box
flex="1"
cursor="pointer"
onClick={() => handleNav(planPath)}
userSelect="none"
>
<Text wordBreak="break-word">
{plan.id}
</Text>
</Box>
<Tooltip content={plan.id}>
<Box
flex="1"
minW="0"
cursor="pointer"
onClick={() => handleNav(planPath)}
userSelect="none"
>
<Text
overflow="hidden"
textOverflow="ellipsis"
whiteSpace="nowrap"
>
{plan.id}
</Text>
</Box>
</Tooltip>
<Box
opacity={0}
_groupHover={{ opacity: 1 }}
@@ -389,16 +397,23 @@ const SidebarContent = ({ onClose }: { onClose?: () => void }) => {
})}
/>
</Box>
<Box
flex="1"
cursor="pointer"
onClick={() => handleNav(repoPath)}
userSelect="none"
>
<Text wordBreak="break-word">
{repo.id}
</Text>
</Box>
<Tooltip content={repo.id}>
<Box
flex="1"
minW="0"
cursor="pointer"
onClick={() => handleNav(repoPath)}
userSelect="none"
>
<Text
overflow="hidden"
textOverflow="ellipsis"
whiteSpace="nowrap"
>
{repo.id}
</Text>
</Box>
</Tooltip>
<Box
opacity={0}
_groupHover={{ opacity: 1 }}
@@ -514,7 +529,8 @@ const SidebarContent = ({ onClose }: { onClose?: () => void }) => {
const Sidebar = () => {
return (
<Box
w="300px"
minW="300px"
maxW="400px"
bg="bg.panel"
borderRightWidth="1px"
borderColor="border"