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

Merge remote-tracking branch 'origin/develop' into chat-attachments

Browse source
This commit is contained in:
Alex Gleason 2020-09-06 16:25:16 -05:00
commit 8088ca2748
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -142,11 +142,25 @@ class Item extends React.PureComponent {
let thumbnail = '';
const MAX_FILENAME_LENGTH = 45;
const getCroppedFilename = () => {
const remoteURL = attachment.get('remote_url');
const filenameLastIndex = remoteURL.lastIndexOf('/');
const filename = remoteURL.substr(filenameLastIndex + 1);
if (filename.length <= MAX_FILENAME_LENGTH)
return filename;
else
return filename.substr(0, MAX_FILENAME_LENGTH/2) + '...' + filename.substr(filename.length - MAX_FILENAME_LENGTH/2);
};
if (attachment.get('type') === 'unknown') {
const filename = getCroppedFilename();
return (
<div className={classNames('media-gallery__item', { standalone })} key={attachment.get('id')} style={{ position, float, left, top, right, bottom, height, width: `${width}%` }}>
<a className='media-gallery__item-thumbnail' href={attachment.get('remote_url')} target='_blank' style={{ cursor: 'pointer' }}>
<canvas width={32} height={32} ref={this.setCanvasRef} className='media-gallery__preview' />
<span className='media-gallery__item__icons'><Icon id='file' /></span>
<span className='media-gallery__filename__label'>{filename}</span>
</a>
</div>
);

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

@ -134,6 +134,7 @@
}
.media-gallery__gifv__label,
.media-gallery__filename__label,
.media-gallery__file-extension__label {
display: block;
position: absolute;