Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

relativeSize css class renamed to relativeSide

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-01-29 16:51:59 +02:00
parent 6ca2a6e246
commit 4c7cde7054
3 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/common/MetaItem/MetaItem.js
View file

@ -20,7 +20,7 @@ class MetaItem extends Component {
nextProps.popupClassName !== this.props.popupClassName ||
nextProps.id !== this.props.id ||
nextProps.type !== this.props.type ||
nextProps.relativeSize !== this.props.relativeSize ||
nextProps.relativeSide !== this.props.relativeSide ||
nextProps.posterShape !== this.props.posterShape ||
nextProps.poster !== this.props.poster ||
nextProps.title !== this.props.title ||
@ -120,7 +120,7 @@ class MetaItem extends Component {
render() {
return (
<Button className={classnames(styles['meta-item-container'], styles[`relative-size-${this.props.relativeSize}`], styles[`poster-shape-${this.props.posterShape}`], this.props.className)} data-meta-item-id={this.props.id} onClick={this.onClick}>
<Button className={classnames(styles['meta-item-container'], styles[`relative-side-${this.props.relativeSide}`], styles[`poster-shape-${this.props.posterShape}`], this.props.className)} data-meta-item-id={this.props.id} onClick={this.onClick}>
{this.renderPoster()}
{this.renderInfoBar()}
</Button>
@ -135,7 +135,7 @@ MetaItem.propTypes = {
menuOptionOnSelect: PropTypes.func,
id: PropTypes.string.isRequired,
type: PropTypes.string.isRequired,
relativeSize: PropTypes.oneOf(['auto', 'height']).isRequired,
relativeSide: PropTypes.oneOf(['auto', 'height']).isRequired,
posterShape: PropTypes.oneOf(['poster', 'landscape', 'square']).isRequired,
poster: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
@ -148,7 +148,7 @@ MetaItem.propTypes = {
})).isRequired
};
MetaItem.defaultProps = {
relativeSize: 'auto',
relativeSide: 'auto',
posterShape: 'square',
poster: '',
title: '',

4
src/common/MetaItem/styles.less
View file

@ -120,7 +120,7 @@
}
&.poster-shape-poster {
&.relative-size-auto {
&.relative-side-auto {
.poster-image-container {
width: var(--poster-relative-size);
height: calc(var(--poster-relative-size) * var(--poster-shape-ratio));
@ -131,7 +131,7 @@
}
}
&.relative-size-height {
&.relative-side-height {
.poster-image-container {
width: calc(var(--poster-relative-size) / var(--poster-shape-ratio));
height: var(--poster-relative-size);

2
src/routes/Board/Board.js
View file

@ -56,7 +56,7 @@ class Board extends PureComponent {
key={props.id}
className={styles['meta-item']}
popupClassName={styles['meta-item-popup-container']}
relativeSize={'height'}
relativeSide={'height'}
menuOptions={CONTINUE_WATCHING_MENU}
onClick={this.onClick}
menuOptionOnSelect={this.menuOptionOnSelect}