diff --git a/app/javascript/flavours/glitch/actions/compose.js b/app/javascript/flavours/glitch/actions/compose.js index f0dff3170..c2a33fdb8 100644 --- a/app/javascript/flavours/glitch/actions/compose.js +++ b/app/javascript/flavours/glitch/actions/compose.js @@ -319,7 +319,7 @@ export function uploadCompose(files) { dispatch(uploadComposeRequest()); for (const [i, f] of Array.from(files).entries()) { - if (media.size + i > 3) break; + if (media.size + i >= uploadLimit) break; resizeImage(f).then(file => { const data = new FormData(); diff --git a/app/javascript/flavours/glitch/components/media_gallery.jsx b/app/javascript/flavours/glitch/components/media_gallery.jsx index 6f27aba26..9ea2d244e 100644 --- a/app/javascript/flavours/glitch/components/media_gallery.jsx +++ b/app/javascript/flavours/glitch/components/media_gallery.jsx @@ -52,6 +52,7 @@ class Item extends PureComponent { visible: PropTypes.bool.isRequired, autoplay: PropTypes.bool, useBlurhash: PropTypes.bool, + imageStyle: PropTypes.object, }; static defaultProps = { @@ -116,6 +117,7 @@ class Item extends PureComponent { displayWidth, visible, useBlurhash, + imageStyle } = this.props; let badges = [], thumbnail; @@ -182,7 +184,7 @@ class Item extends PureComponent { alt={description} title={description} lang={lang} - style={{ objectPosition: letterbox ? null : `${x}% ${y}%` }} + style={{ ...imageStyle, objectPosition: letterbox ? null : `${x}% ${y}%` }} onLoad={this.handleImageLoad} /> @@ -353,8 +355,6 @@ class MediaGallery extends PureComponent { if (this.isStandaloneEligible()) { // TODO: cropImages setting style.aspectRatio = `${this.props.media.getIn([0, 'meta', 'small', 'aspect'])}`; - } else { - style.aspectRatio = '16 / 9'; } if (this.isStandaloneEligible()) { @@ -371,7 +371,7 @@ class MediaGallery extends PureComponent { /> ); } else { - children = media.take(4).map((attachment, i) => ( + children = media.map((attachment, i) => ( + useBlurhash={useBlurhash} + imageStyle={{ aspectRatio: '16 / 9' }} + /> )); }