Mirrors/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2024-11-04 10:02:40 +01:00
Code Issues Releases Wiki Activity

Fixed: Move Links, Add Tags to Movie Detail

Browse Source 
Fixes #4545
This commit is contained in:
Qstick 2020-07-03 22:04:58 -04:00
parent 347cd5982a
commit b7cf6f49d0
2 changed files with 52 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/Movie/Details/MovieDetails.css
View File

@ -116,6 +116,9 @@
font-size: 20px;
}
.links,
.tags,
.rating,
.year,
.runtime {
margin-right: 15px;
@ -145,9 +148,7 @@
.qualityProfileName,
.statusName,
.studio,
.collection,
.links,
.tags {
.collection {
font-weight: 300;
font-size: 17px;
}

86
frontend/src/Movie/Details/MovieDetails.js
View File

@ -39,7 +39,7 @@ import MovieAlternateTitles from './MovieAlternateTitles';
import MovieDetailsLinks from './MovieDetailsLinks';
import InteractiveSearchTable from 'InteractiveSearch/InteractiveSearchTable';
import InteractiveSearchFilterMenuConnector from 'InteractiveSearch/InteractiveSearchFilterMenuConnector';
// import MovieTagsConnector from './MovieTagsConnector';
import MovieTagsConnector from './MovieTagsConnector';
import styles from './MovieDetails.css';
const defaultFontSize = parseInt(fonts.defaultFontSize);
@ -175,7 +175,7 @@ class MovieDetails extends Component {
inCinemas,
images,
alternateTitles,
// tags,
tags,
isSaving,
isRefreshing,
isSearching,
@ -290,23 +290,6 @@ class MovieDetails extends Component {
<div className={styles.title}>
{title}
</div>
{
!!alternateTitles.length &&
<div className={styles.alternateTitlesIconContainer}>
<Popover
anchor={
<Icon
name={icons.ALTERNATE_TITLES}
size={20}
/>
}
title="Alternate Titles"
body={<MovieAlternateTitles alternateTitles={alternateTitles} />}
position={tooltipPositions.BOTTOM}
/>
</div>
}
</div>
<div className={styles.movieNavigationButtons}>
@ -353,10 +336,53 @@ class MovieDetails extends Component {
{
!!ratings &&
<HeartRating
rating={ratings.value}
iconSize={20}
<span className={styles.rating}>
<HeartRating
rating={ratings.value}
iconSize={20}
/>
</span>
}
{
<span className={styles.links}>
<Popover
anchor={
<Icon
name={icons.EXTERNAL_LINK}
size={20}
/>
}
title="Links"
body={
<MovieDetailsLinks
tmdbId={tmdbId}
imdbId={imdbId}
youTubeTrailerId={youTubeTrailerId}
/>
}
position={tooltipPositions.BOTTOM}
/>
</span>
}
{
!!tags.length &&
<span className={styles.tags}>
<Popover
anchor={
<Icon
name={icons.TAGS}
size={20}
/>
}
title="Tags"
body={
<MovieTagsConnector movieId={id} />
}
position={tooltipPositions.BOTTOM}
/>
</span>
}
</div>
</div>
@ -448,22 +474,6 @@ class MovieDetails extends Component {
/>
</div>
</Measure>
<InfoLabel
className={styles.detailsInfoLabel}
title="Links"
size={sizes.LARGE}
>
<span className={styles.links}>
{
<MovieDetailsLinks
tmdbId={tmdbId}
imdbId={imdbId}
youTubeTrailerId={youTubeTrailerId}
/>
}
</span>
</InfoLabel>
</div>
</div>
</div>