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

Fixed: Issue with containers not matching posters on cast/crew tabs (#4656)

Browse Source 
#4652
This commit is contained in:
nitsua 2020-07-29 22:01:58 -04:00 committed by GitHub
parent c9324bc357
commit d2949b31ab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 51 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/Movie/Details/Credits/Cast/MovieCastPoster.js
View File

@ -71,8 +71,15 @@ class MovieCastPoster extends Component {
height: `${posterHeight}px` height: `${posterHeight}px`
}; };
const contentStyle = {
width: `${posterWidth}px`
};
return ( return (
<div className={styles.content}> <div
className={styles.content}
style={contentStyle}
>
<div className={styles.posterContainer}> <div className={styles.posterContainer}>
<Label className={styles.controls}> <Label className={styles.controls}>
{ {
@ -93,7 +100,6 @@ class MovieCastPoster extends Component {
</Label> </Label>
<div <div
className={styles.poster}
style={elementStyle} style={elementStyle}
> >
<MovieHeadshot <MovieHeadshot

10
frontend/src/Movie/Details/Credits/Crew/MovieCrewPoster.js
View File

@ -71,8 +71,15 @@ class MovieCrewPoster extends Component {
height: `${posterHeight}px` height: `${posterHeight}px`
}; };
const contentStyle = {
width: `${posterWidth}px`
};
return ( return (
<div className={styles.content}> <div
className={styles.content}
style={contentStyle}
>
<div className={styles.posterContainer}> <div className={styles.posterContainer}>
<Label className={styles.controls}> <Label className={styles.controls}>
{ {
@ -93,7 +100,6 @@ class MovieCrewPoster extends Component {
</Label> </Label>
<div <div
className={styles.poster}
style={elementStyle} style={elementStyle}
> >
<MovieHeadshot <MovieHeadshot

64
frontend/src/Movie/Index/Posters/MovieIndexPoster.css
View File

@ -19,9 +19,7 @@ $hoverScale: 1.05;
position: relative; position: relative;
} }
.link { .poster {
composes: link from '~Components/Link/Link.css';
position: relative; position: relative;
display: block; display: block;
background-color: $defaultColor; background-color: $defaultColor;
@ -42,12 +40,6 @@ $hoverScale: 1.05;
font-size: 20px; font-size: 20px;
} }
.nextAiring {
background-color: #fafbfc;
text-align: center;
font-size: $smallFontSize;
}
.title { .title {
@add-mixin truncate; @add-mixin truncate;
@ -56,19 +48,6 @@ $hoverScale: 1.05;
font-size: $smallFontSize; font-size: $smallFontSize;
} }
.ended {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 0;
height: 0;
border-width: 0 25px 25px 0;
border-style: solid;
border-color: transparent $dangerColor transparent transparent;
color: $white;
}
.controls { .controls {
position: absolute; position: absolute;
bottom: 10px; bottom: 10px;
@ -82,13 +61,6 @@ $hoverScale: 1.05;
transition: opacity 0; transition: opacity 0;
} }
.editorSelect {
position: absolute;
top: 10px;
left: 10px;
z-index: 3;
}
.action { .action {
composes: button from '~Components/Link/IconButton.css'; composes: button from '~Components/Link/IconButton.css';
@ -103,6 +75,40 @@ $hoverScale: 1.05;
} }
} }
.ended {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 0;
height: 0;
border-width: 0 25px 25px 0;
border-style: solid;
border-color: transparent $dangerColor transparent transparent;
color: $white;
}
.editorSelect {
position: absolute;
top: 10px;
left: 10px;
z-index: 3;
}
.externalLinks { .externalLinks {
margin-left: 0.5em; margin-left: 0.5em;
} }
.link {
composes: link from '~Components/Link/Link.css';
position: relative;
display: block;
background-color: $defaultColor;
}
.nextAiring {
background-color: #fafbfc;
text-align: center;
font-size: $smallFontSize;
}