nik/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2026-05-03 06:51:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/playlist/PlaylistDetails.jsx
View File

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