fix(components/media_modal): Aspect ratio (#4128)
* fix(components/media_modal): Aspect ratio * fix: Remove useless style
This commit is contained in:
parent
5fa2dd6e65
commit
4122a837fa
|
@ -133,6 +133,7 @@ export default class ImageLoader extends React.PureComponent {
|
||||||
width={width}
|
width={width}
|
||||||
height={height}
|
height={height}
|
||||||
ref={this.setCanvasRef}
|
ref={this.setCanvasRef}
|
||||||
|
style={{ opacity: loading ? 1 : 0 }}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{!loading && (
|
{!loading && (
|
||||||
|
|
|
@ -94,7 +94,7 @@ export default class MediaModal extends ImmutablePureComponent {
|
||||||
|
|
||||||
<div className='media-modal__content'>
|
<div className='media-modal__content'>
|
||||||
<IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />
|
<IconButton className='media-modal__close' title={intl.formatMessage(messages.close)} icon='times' onClick={onClose} size={16} />
|
||||||
<ReactSwipeableViews onChangeIndex={this.handleSwipe} index={index}>
|
<ReactSwipeableViews onChangeIndex={this.handleSwipe} index={index} animateHeight>
|
||||||
{content}
|
{content}
|
||||||
</ReactSwipeableViews>
|
</ReactSwipeableViews>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -2935,6 +2935,7 @@ button.icon-button.active i.fa-retweet {
|
||||||
canvas {
|
canvas {
|
||||||
display: block;
|
display: block;
|
||||||
background: url('../images/void.png') repeat;
|
background: url('../images/void.png') repeat;
|
||||||
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Reference in a new issue