logo

mastofe

My custom branche(s) on git.pleroma.social/pleroma/mastofe
commit: 852bda3d320563400eaa74f02ef0c6c73cd8180d
parent: 0324f807f4f7b557bb0c38f0dbb4cfd98490957d
Author: Yamagishi Kazutoshi <ykzts@desire.sh>
Date:   Sun,  9 Jul 2017 00:20:53 +0900

Use srcSet only when know width (#4112)


Diffstat:

Mapp/javascript/mastodon/components/media_gallery.js6++++--
1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/mastodon/components/media_gallery.js b/app/javascript/mastodon/components/media_gallery.js @@ -91,8 +91,10 @@ class Item extends React.PureComponent { const originalUrl = attachment.get('url'); const originalWidth = attachment.getIn(['meta', 'original', 'width']); - const srcSet = `${originalUrl} ${originalWidth}w, ${previewUrl} ${previewWidth}w`; - const sizes = `(min-width: 1025px) ${320 * (width / 100)}px, ${width}vw`; + const hasSize = typeof originalWidth === 'number' && typeof previewWidth === 'number'; + + const srcSet = hasSize && `${originalUrl} ${originalWidth}w, ${previewUrl} ${previewWidth}w`; + const sizes = hasSize && `(min-width: 1025px) ${320 * (width / 100)}px, ${width}vw`; thumbnail = ( <a