github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-14 17:13:49 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed: (UI) Improve displaying long album titles

Browse source
This commit is contained in:
Bogdan 2023-07-13 04:05:28 +03:00
parent 911c147090
commit ddea4eaff9
4 changed files with 17 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/Album/Details/AlbumDetails.js
View file

@ -35,7 +35,7 @@ import AlbumDetailsLinks from './AlbumDetailsLinks';
import AlbumDetailsMediumConnector from './AlbumDetailsMediumConnector';
import styles from './AlbumDetails.css';
const defaultFontSize = parseInt(fonts.defaultFontSize);
const intermediateFontSize = parseInt(fonts.intermediateFontSize);
const lineHeight = parseFloat(fonts.lineHeight);
function getFanartUrl(images) {
@ -358,8 +358,14 @@ class AlbumDetails extends Component {
/>
</div>
<div className={styles.title}>
{title}{disambiguation ? ` (${disambiguation})` : ''}
<div
className={styles.title}
title={disambiguation ? `${title} (${disambiguation})` : title}
>
<TextTruncate
line={2}
text={disambiguation ? `${title} (${disambiguation})` : title}
/>
</div>
</div>
@ -512,9 +518,9 @@ class AlbumDetails extends Component {
/>
</div>
<div className={styles.overview}>
<div className={styles.overview} title={overview}>
<TextTruncate
line={Math.floor(125 / (defaultFontSize * lineHeight))}
line={Math.floor(125 / (intermediateFontSize * lineHeight))}
text={overview}
/>
</div>

2
frontend/src/Artist/Details/AlbumRow.css
View file

@ -1,7 +1,7 @@
.title {
composes: cell from '~Components/Table/Cells/TableRowCell.css';
white-space: nowrap;
word-break: break-word;
}
.monitored {