Fix media gallery items having incorrect borders when hidden (#32257)
This commit is contained in:
		
							parent
							
								
									1f720366e9
								
							
						
					
					
						commit
						51769e0670
					
				@ -336,14 +336,14 @@ class MediaGallery extends PureComponent {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    return (
 | 
					    return (
 | 
				
			||||||
      <div className={`media-gallery media-gallery--layout-${size}`} style={style} ref={this.handleRef}>
 | 
					      <div className={`media-gallery media-gallery--layout-${size}`} style={style} ref={this.handleRef}>
 | 
				
			||||||
 | 
					        {children}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        {(!visible || uncached) && (
 | 
					        {(!visible || uncached) && (
 | 
				
			||||||
          <div className={classNames('spoiler-button', { 'spoiler-button--click-thru': uncached })}>
 | 
					          <div className={classNames('spoiler-button', { 'spoiler-button--click-thru': uncached })}>
 | 
				
			||||||
            {spoilerButton}
 | 
					            {spoilerButton}
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
        )}
 | 
					        )}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        {children}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
        {(visible && !uncached) && (
 | 
					        {(visible && !uncached) && (
 | 
				
			||||||
          <div className='media-gallery__actions'>
 | 
					          <div className='media-gallery__actions'>
 | 
				
			||||||
            <button className='media-gallery__actions__pill' onClick={this.handleOpen}><FormattedMessage id='media_gallery.hide' defaultMessage='Hide' /></button>
 | 
					            <button className='media-gallery__actions__pill' onClick={this.handleOpen}><FormattedMessage id='media_gallery.hide' defaultMessage='Hide' /></button>
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user