fix: don't overflow on latest downlods

oae · Nov 3, 2022 · 52ca56b · 52ca56b
1 parent 5f01bd1
commit 52ca56b
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
@@ -88,8 +88,10 @@ function HistoryItemTitle({ chapter }: { chapter: HistoryItemType }) {
   const { classes } = useStyles();
   return (
     <Grid gutter={5}>
-      <Grid.Col span="content" style={{ maxWidth: 180, whiteSpace: 'nowrap', overflow: 'hidden' }}>
-        <Text weight={600}>{chapter.manga.title}</Text>
+      <Grid.Col span="content" style={{ maxWidth: 160, whiteSpace: 'nowrap', overflow: 'hidden' }}>
+        <Tooltip inline label={chapter.manga.title} position="right" withinPortal withArrow>
+          <Text weight={600}>{chapter.manga.title}</Text>
+        </Tooltip>
       </Grid.Col>
       <Grid.Col span="auto">
         <Divider mt="xs" variant="dotted" />