Backup_Repos/Readarr
1
0
Fork 0
mirror of https://github.com/Readarr/Readarr synced 2025-12-26 02:03:11 +01:00
Code Issues Projects Releases Wiki Activity

Fixed: Ended overlay on artist posters

Browse source 
Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
Signed-off-by: Robin Dadswell <robin@dadswell.email>
This commit is contained in:
Qstick 2020-10-02 22:37:15 -04:00
parent 79cff81ffd
commit 24ab9768e9
4 changed files with 16 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/Author/Index/Posters/AuthorIndexPoster.css
View file

@ -1,9 +1,5 @@
$hoverScale: 1.05;
.container {
padding: 10px;
}
.content {
transition: all 200ms ease-in;

2
frontend/src/Author/Index/Posters/AuthorIndexPoster.js
View file

@ -115,7 +115,7 @@ class AuthorIndexPoster extends Component {
};
return (
<div className={styles.container}>
<div>
<div className={styles.content}>
<div className={styles.posterContainer}>
<Label className={styles.controls}>

19
frontend/src/Author/Index/Posters/AuthorIndexPosters.js
View file

@ -105,6 +105,7 @@ class AuthorIndexPosters extends Component {
this._isInitialized = false;
this._grid = null;
this._padding = props.isSmallScreen ? columnPaddingSmallScreen : columnPadding;
}
componentDidUpdate(prevProps, prevState) {
@ -112,7 +113,8 @@ class AuthorIndexPosters extends Component {
items,
sortKey,
posterOptions,
jumpToCharacter
jumpToCharacter,
isSmallScreen
} = this.props;
const {
@ -124,7 +126,7 @@ class AuthorIndexPosters extends Component {
if (prevProps.sortKey !== sortKey ||
prevProps.posterOptions !== posterOptions) {
this.calculateGrid();
this.calculateGrid(width, isSmallScreen);
}
if (this._grid &&
@ -164,10 +166,9 @@ class AuthorIndexPosters extends Component {
posterOptions
} = this.props;
const padding = isSmallScreen ? columnPaddingSmallScreen : columnPadding;
const columnWidth = calculateColumnWidth(width, posterOptions.size, isSmallScreen);
const columnCount = Math.max(Math.floor(width / columnWidth), 1);
const posterWidth = columnWidth - padding;
const posterWidth = columnWidth - this._padding * 2;
const posterHeight = calculatePosterHeight(posterWidth);
const rowHeight = calculateRowHeight(posterHeight, sortKey, isSmallScreen, posterOptions);
@ -214,7 +215,10 @@ class AuthorIndexPosters extends Component {
return (
<div
key={key}
style={style}
style={{
...style,
padding: this._padding
}}
>
<AuthorIndexItemConnector
key={author.id}
@ -229,6 +233,7 @@ class AuthorIndexPosters extends Component {
showRelativeDates={showRelativeDates}
shortDateFormat={shortDateFormat}
timeFormat={timeFormat}
style={style}
authorId={author.id}
qualityProfileId={author.qualityProfileId}
metadataProfileId={author.metadataProfileId}
@ -249,9 +254,9 @@ class AuthorIndexPosters extends Component {
render() {
const {
scroller,
items,
isSmallScreen,
scroller
isSmallScreen
} = this.props;
const {

6
frontend/src/Styles/Variables/dimensions.js
View file

@ -46,8 +46,8 @@ module.exports = {
// Modal
modalBodyPadding: '30px',
// Author
authorIndexColumnPadding: '20px',
authorIndexColumnPaddingSmallScreen: '10px',
// Artist
authorIndexColumnPadding: '10px',
authorIndexColumnPaddingSmallScreen: '5px',
authorIndexOverviewInfoRowHeight: '21px'
};