bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Only letterbox media without an aspect ratio

Browse source
This commit is contained in:
Alex Gleason 2021-05-12 20:07:59 -05:00
parent 4cc400e336
commit 5b24ac0503
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/soapbox/components/media_gallery.js
View file

@ -157,13 +157,14 @@ class Item extends React.PureComponent {
</div> </div>
); );
} else if (attachment.get('type') === 'image') { } else if (attachment.get('type') === 'image') {
const previewUrl = attachment.get('preview_url'); const previewUrl = attachment.get('preview_url');
const originalUrl = attachment.get('url'); const originalUrl = attachment.get('url');
const letterboxed = !attachment.getIn(['meta', 'original', 'aspect']);
thumbnail = ( thumbnail = (
<a <a
className='media-gallery__item-thumbnail' className={classNames('media-gallery__item-thumbnail', { letterboxed })}
href={attachment.get('remote_url') || originalUrl} href={attachment.get('remote_url') || originalUrl}
onClick={this.handleClick} onClick={this.handleClick}
target='_blank' target='_blank'

2
app/styles/components/media-gallery.scss
View file

@ -66,7 +66,7 @@
.status__wrapper, .status__wrapper,
.detailed-status__wrapper { .detailed-status__wrapper {
.media-gallery__item-thumbnail { .media-gallery__item-thumbnail.letterboxed {
&, &,
.still-image { .still-image {
img { img {