diff options
Diffstat (limited to 'app/javascript/themes/glitch/components/media_gallery.js')
-rw-r--r-- | app/javascript/themes/glitch/components/media_gallery.js | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/app/javascript/themes/glitch/components/media_gallery.js b/app/javascript/themes/glitch/components/media_gallery.js index 05390c82f..b6b40c585 100644 --- a/app/javascript/themes/glitch/components/media_gallery.js +++ b/app/javascript/themes/glitch/components/media_gallery.js @@ -214,6 +214,7 @@ export default class MediaGallery extends React.PureComponent { render () { const { media, intl, sensitive, letterbox, fullwidth } = this.props; const { visible } = this.state; + const size = media.take(4).size; let children; @@ -233,8 +234,6 @@ export default class MediaGallery extends React.PureComponent { </button> ); } else { - const size = media.take(4).size; - if (this.isStandaloneEligible()) { children = <Item standalone onClick={this.handleClick} attachment={media.get(0)} />; } else { @@ -243,7 +242,7 @@ export default class MediaGallery extends React.PureComponent { } return ( - <div className={`media-gallery ${fullwidth ? 'full-width' : ''}`}> + <div className={`media-gallery size-${size} ${fullwidth ? 'full-width' : ''}`}> <div className={classNames('spoiler-button', { 'spoiler-button--visible': visible })}> <IconButton title={intl.formatMessage(messages.toggle_visible)} icon={visible ? 'eye' : 'eye-slash'} overlay onClick={this.handleOpen} /> </div> |