forked from cybrespace/mastodon
		
	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
					
				
					 3 changed files with 3 additions and 1 deletions
				
			
		| 
						 | 
				
			
			@ -133,6 +133,7 @@ export default class ImageLoader extends React.PureComponent {
 | 
			
		|||
          width={width}
 | 
			
		||||
          height={height}
 | 
			
		||||
          ref={this.setCanvasRef}
 | 
			
		||||
          style={{ opacity: loading ? 1 : 0 }}
 | 
			
		||||
        />
 | 
			
		||||
 | 
			
		||||
        {!loading && (
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -94,7 +94,7 @@ export default class MediaModal extends ImmutablePureComponent {
 | 
			
		|||
 | 
			
		||||
        <div className='media-modal__content'>
 | 
			
		||||
          <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}
 | 
			
		||||
          </ReactSwipeableViews>
 | 
			
		||||
        </div>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2935,6 +2935,7 @@ button.icon-button.active i.fa-retweet {
 | 
			
		|||
  canvas {
 | 
			
		||||
    display: block;
 | 
			
		||||
    background: url('../images/void.png') repeat;
 | 
			
		||||
    object-fit: contain;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue