github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-16 10:03:51 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed: Artist and Album navigation buttons wrapping

Browse source
This commit is contained in:
Qstick 2018-11-10 22:30:21 -05:00
parent ddf9e8bb01
commit 88c58e2529
3 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/Album/Details/AlbumDetails.css
View file

@ -76,14 +76,15 @@
line-height: 50px; line-height: 50px;
} }
.artistNavigationButtons { .albumNavigationButtons {
white-space: no-wrap; white-space: nowrap;
} }
.artistNavigationButton { .albumNavigationButton {
composes: button from 'Components/Link/IconButton.css'; composes: button from 'Components/Link/IconButton.css';
margin-left: 5px; margin-left: 5px;
width: 30px;
color: #e1e2e3; color: #e1e2e3;
white-space: nowrap; white-space: nowrap;
} }

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

@ -255,9 +255,9 @@ class AlbumDetails extends Component {
{title}{disambiguation ? ` (${disambiguation})` : ''} {title}{disambiguation ? ` (${disambiguation})` : ''}
</div> </div>
<div className={styles.artistNavigationButtons}> <div className={styles.albumNavigationButtons}>
<IconButton <IconButton
className={styles.artistNavigationButton} className={styles.albumNavigationButton}
name={icons.ARROW_LEFT} name={icons.ARROW_LEFT}
size={30} size={30}
title={`Go to ${previousAlbum.title}`} title={`Go to ${previousAlbum.title}`}
@ -265,7 +265,7 @@ class AlbumDetails extends Component {
/> />
<IconButton <IconButton
className={styles.artistNavigationButton} className={styles.albumNavigationButton}
name={icons.ARROW_UP} name={icons.ARROW_UP}
size={30} size={30}
title={`Go to ${artist.artistName}`} title={`Go to ${artist.artistName}`}
@ -273,7 +273,7 @@ class AlbumDetails extends Component {
/> />
<IconButton <IconButton
className={styles.artistNavigationButton} className={styles.albumNavigationButton}
name={icons.ARROW_RIGHT} name={icons.ARROW_RIGHT}
size={30} size={30}
title={`Go to ${nextAlbum.title}`} title={`Go to ${nextAlbum.title}`}

3
frontend/src/Artist/Details/ArtistDetails.css
View file

@ -84,13 +84,14 @@
} }
.artistNavigationButtons { .artistNavigationButtons {
white-space: no-wrap; white-space: nowrap;
} }
.artistNavigationButton { .artistNavigationButton {
composes: button from 'Components/Link/IconButton.css'; composes: button from 'Components/Link/IconButton.css';
margin-left: 5px; margin-left: 5px;
width: 30px;
color: #e1e2e3; color: #e1e2e3;
white-space: nowrap; white-space: nowrap;
} }