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

Merge branch 'letterbox-aspect-excess' into 'develop'

Browse source 
Letterbox images with excess aspect ratios

See merge request soapbox-pub/soapbox-fe!516
This commit is contained in:
Alex Gleason 2021-05-30 19:25:36 +00:00
commit 234d098d46
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -26,6 +26,17 @@ const mapStateToItemProps = state => ({
autoPlayGif: getSettings(state).get('autoPlayGif'), autoPlayGif: getSettings(state).get('autoPlayGif'),
}); });
const withinLimits = aspectRatio => {
return aspectRatio >= minimumAspectRatio && aspectRatio <= maximumAspectRatio;
};
const shouldLetterbox = attachment => {
const aspectRatio = attachment.getIn(['meta', 'original', 'aspect']);
if (!aspectRatio) return true;
return !withinLimits(aspectRatio);
};
@connect(mapStateToItemProps) @connect(mapStateToItemProps)
class Item extends React.PureComponent { class Item extends React.PureComponent {
@ -173,7 +184,7 @@ class Item extends React.PureComponent {
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']); const letterboxed = shouldLetterbox(attachment);
thumbnail = ( thumbnail = (
<a <a