ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add tooltip containing full manga title to title of manga (#221)

Browse Source 
In case the title is truncated it's still possible to view the full manga title.
Same way as it is done on e.g. Twitch or YouTube
This commit is contained in:
Daniel
2023-01-07 16:44:39 +01:00
committed by GitHub
parent f7b369b95d
commit c92977844e
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/MangaCard.tsx
View File

@@ -178,6 +178,7 @@ const MangaCard = React.forwardRef<HTMLDivElement, IProps>((props: IProps, ref)
color: 'white', color: 'white',
textShadow: '0px 0px 3px #000000', textShadow: '0px 0px 3px #000000',
}} }}
title={title}
> >
{truncateText(title, 61)} {truncateText(title, 61)}
</MangaTitle> </MangaTitle>
@@ -190,6 +191,7 @@ const MangaCard = React.forwardRef<HTMLDivElement, IProps>((props: IProps, ref)
position: 'relative', position: 'relative',
color: 'text.primary', color: 'text.primary',
}} }}
title={title}
> >
{truncateText(title, 61)} {truncateText(title, 61)}
</MangaTitle> </MangaTitle>
@@ -244,7 +246,7 @@ const MangaCard = React.forwardRef<HTMLDivElement, IProps>((props: IProps, ref)
width: 'min-content', width: 'min-content',
}} }}
> >
<Typography variant="h5" component="h2"> <Typography variant="h5" component="h2" title={title}>
{truncateText(title, 61)} {truncateText(title, 61)}
</Typography> </Typography>
</Box> </Box>