Browse Source

Move artist description tooltip wrapper

- Move it to contain the description div instead of the text itself
master
jeffvli 3 years ago
committed by Jeff
parent
commit
63fd3e8930
  1. 30
      src/components/library/ArtistView.tsx

30
src/components/library/ArtistView.tsx

@ -263,20 +263,20 @@ const ArtistView = ({ ...rest }: any) => {
<strong>ARTIST</strong> {data.albumCount} albums {artistSongTotal} songs {' '} <strong>ARTIST</strong> {data.albumCount} albums {artistSongTotal} songs {' '}
{artistDurationTotal} {artistDurationTotal}
</PageHeaderSubtitleDataLine> </PageHeaderSubtitleDataLine>
<PageHeaderSubtitleDataLine <CustomTooltip
style={{ text={artistInfo?.biography
minHeight: '2.5rem', ?.replace(/<[^>]*>/, '')
maxHeight: '2.5rem', .replace('Read more on Last.fm</a>', '')}
overflow: 'hidden', placement="bottomStart"
textOverflow: 'ellipsis',
whiteSpace: 'pre-wrap',
}}
> >
<CustomTooltip <PageHeaderSubtitleDataLine
text={artistInfo?.biography style={{
?.replace(/<[^>]*>/, '') minHeight: '2.5rem',
.replace('Read more on Last.fm</a>', '')} maxHeight: '2.5rem',
placement="bottomStart" overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'pre-wrap',
}}
> >
<span> <span>
{artistInfo?.biography {artistInfo?.biography
@ -288,8 +288,8 @@ const ArtistView = ({ ...rest }: any) => {
.replace('Read more on Last.fm</a>', '')}` .replace('Read more on Last.fm</a>', '')}`
: 'No artist biography found'} : 'No artist biography found'}
</span> </span>
</CustomTooltip> </PageHeaderSubtitleDataLine>
</PageHeaderSubtitleDataLine> </CustomTooltip>
<div style={{ marginTop: '10px' }}> <div style={{ marginTop: '10px' }}>
<ButtonToolbar> <ButtonToolbar>

Loading…
Cancel
Save