fix(ui): add overflow tooltip to playlist name for better visibility

Signed-off-by: Deluan <deluan@navidrome.org>
This commit is contained in:
Deluan 2026-03-15 14:43:53 -04:00
parent 10a3ea7a21
commit 5e9c644c03

View File

@ -19,6 +19,7 @@ import {
DurationField,
SizeField,
isWritable,
OverflowTooltip,
} from '../common'
import config from '../config'
import subsonic from '../subsonic'
@ -274,12 +275,14 @@ const PlaylistDetails = (props) => {
</div>
<div className={classes.details}>
<CardContent className={classes.content}>
<Typography
variant={isDesktop ? 'h5' : 'h6'}
className={classes.title}
>
{record.name || translate('ra.page.loading')}
</Typography>
<OverflowTooltip title={record.name || ''}>
<Typography
variant={isDesktop ? 'h5' : 'h6'}
className={classes.title}
>
{record.name || translate('ra.page.loading')}
</Typography>
</OverflowTooltip>
<Typography component="p" className={classes.stats}>
{record.songCount ? (
<span>