mirror of
https://github.com/Radarr/Radarr.git
synced 2024-09-17 15:02:34 +02:00
parent
347cd5982a
commit
b7cf6f49d0
@ -116,6 +116,9 @@
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.links,
|
||||||
|
.tags,
|
||||||
|
.rating,
|
||||||
.year,
|
.year,
|
||||||
.runtime {
|
.runtime {
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
@ -145,9 +148,7 @@
|
|||||||
.qualityProfileName,
|
.qualityProfileName,
|
||||||
.statusName,
|
.statusName,
|
||||||
.studio,
|
.studio,
|
||||||
.collection,
|
.collection {
|
||||||
.links,
|
|
||||||
.tags {
|
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
@ -39,7 +39,7 @@ import MovieAlternateTitles from './MovieAlternateTitles';
|
|||||||
import MovieDetailsLinks from './MovieDetailsLinks';
|
import MovieDetailsLinks from './MovieDetailsLinks';
|
||||||
import InteractiveSearchTable from 'InteractiveSearch/InteractiveSearchTable';
|
import InteractiveSearchTable from 'InteractiveSearch/InteractiveSearchTable';
|
||||||
import InteractiveSearchFilterMenuConnector from 'InteractiveSearch/InteractiveSearchFilterMenuConnector';
|
import InteractiveSearchFilterMenuConnector from 'InteractiveSearch/InteractiveSearchFilterMenuConnector';
|
||||||
// import MovieTagsConnector from './MovieTagsConnector';
|
import MovieTagsConnector from './MovieTagsConnector';
|
||||||
import styles from './MovieDetails.css';
|
import styles from './MovieDetails.css';
|
||||||
|
|
||||||
const defaultFontSize = parseInt(fonts.defaultFontSize);
|
const defaultFontSize = parseInt(fonts.defaultFontSize);
|
||||||
@ -175,7 +175,7 @@ class MovieDetails extends Component {
|
|||||||
inCinemas,
|
inCinemas,
|
||||||
images,
|
images,
|
||||||
alternateTitles,
|
alternateTitles,
|
||||||
// tags,
|
tags,
|
||||||
isSaving,
|
isSaving,
|
||||||
isRefreshing,
|
isRefreshing,
|
||||||
isSearching,
|
isSearching,
|
||||||
@ -290,23 +290,6 @@ class MovieDetails extends Component {
|
|||||||
<div className={styles.title}>
|
<div className={styles.title}>
|
||||||
{title}
|
{title}
|
||||||
</div>
|
</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>
|
||||||
|
|
||||||
<div className={styles.movieNavigationButtons}>
|
<div className={styles.movieNavigationButtons}>
|
||||||
@ -353,10 +336,53 @@ class MovieDetails extends Component {
|
|||||||
|
|
||||||
{
|
{
|
||||||
!!ratings &&
|
!!ratings &&
|
||||||
<HeartRating
|
<span className={styles.rating}>
|
||||||
rating={ratings.value}
|
<HeartRating
|
||||||
iconSize={20}
|
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>
|
||||||
</div>
|
</div>
|
||||||
@ -448,22 +474,6 @@ class MovieDetails extends Component {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</Measure>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user