Fix media gallery items having incorrect borders when hidden (#32257)

This commit is contained in:
Claire 2024-10-04 16:55:44 +02:00
parent 4fba4f8c82
commit 3b4312476f

View file

@ -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>