Fix class of disc subtitle row
This commit is contained in:
@@ -8,12 +8,14 @@ import AlbumIcon from '@material-ui/icons/Album'
|
|||||||
import { playTracks } from '../audioplayer'
|
import { playTracks } from '../audioplayer'
|
||||||
|
|
||||||
const useStyles = makeStyles({
|
const useStyles = makeStyles({
|
||||||
|
row: {
|
||||||
|
cursor: 'pointer',
|
||||||
|
},
|
||||||
subtitle: {
|
subtitle: {
|
||||||
whiteSpace: 'nowrap',
|
whiteSpace: 'nowrap',
|
||||||
overflow: 'hidden',
|
overflow: 'hidden',
|
||||||
textOverflow: 'ellipsis',
|
textOverflow: 'ellipsis',
|
||||||
verticalAlign: 'middle',
|
verticalAlign: 'middle',
|
||||||
cursor: 'pointer',
|
|
||||||
},
|
},
|
||||||
discIcon: {
|
discIcon: {
|
||||||
verticalAlign: 'text-top',
|
verticalAlign: 'text-top',
|
||||||
@@ -39,7 +41,11 @@ export const SongDatagridRow = ({
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{multiDisc && record.trackNumber === 1 && (
|
{multiDisc && record.trackNumber === 1 && (
|
||||||
<TableRow hover onClick={handlePlayDisc(record.discNumber)}>
|
<TableRow
|
||||||
|
hover
|
||||||
|
onClick={handlePlayDisc(record.discNumber)}
|
||||||
|
className={classes.row}
|
||||||
|
>
|
||||||
<TableCell colSpan={childCount + 1}>
|
<TableCell colSpan={childCount + 1}>
|
||||||
<Typography variant="h6" className={classes.subtitle}>
|
<Typography variant="h6" className={classes.subtitle}>
|
||||||
<AlbumIcon className={classes.discIcon} fontSize={'small'} />
|
<AlbumIcon className={classes.discIcon} fontSize={'small'} />
|
||||||
|
|||||||
Reference in New Issue
Block a user