gitea/nas
1
0
Fork 2
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Change media attachments max 8 to 16 on web cli

Browse source
This commit is contained in:
KMY 2023-05-12 16:54:11 +09:00
parent 66de2ee2c1
commit 31022ceb5a
3 changed files with 27 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

21
app/javascript/mastodon/components/media_gallery.jsx
View file

@ -94,15 +94,21 @@ class Item extends React.PureComponent {
height = 50;
}
if (size === 5 || size === 6) {
if (size === 5 || size === 6 || size === 9 || size === 10 || size === 11 || size === 12) {
height = 33;
}
if (size === 7 || size === 8) {
if (size === 7 || size === 8 || size === 13 || size === 14 || size === 15 || size === 16) {
height = 25;
}
if ((size === 5 && index === 4) || (size === 7 && index === 6)) {
width = 100;
}
if (size === 9) {
width = 33;
}
if (size === 10 || size === 11 || size === 12 || size === 13 || size === 14 || size === 15 || size === 16) {
width = 25;
}
if (attachment.get('description')?.length > 0) {
badges.push(<span key='alt' className='media-gallery__gifv__label'>ALT</span>);
@ -310,7 +316,7 @@ class MediaGallery extends React.PureComponent {
style.aspectRatio = '16 / 9';
}
const maxSize = displayMediaExpand ? 8 : 4;
const maxSize = displayMediaExpand ? 16 : 4;
const size = media.take(maxSize).size;
const uncached = media.every(attachment => attachment.get('type') === 'unknown');
@ -337,8 +343,15 @@ class MediaGallery extends React.PureComponent {
);
}
const rowClass = (size === 5 || size === 6 || size === 9 || size === 10 || size === 11 || size === 12) ? 'media-gallery--row3' :
(size === 7 || size === 8 || size === 13 || size === 14 || size === 15 || size === 16) ? 'media-gallery--row4' :
'media-gallery--row2';
const columnClass = (size === 9) ? 'media-gallery--column3' :
(size === 10 || size === 11 || size === 12 || size === 13 || size === 14 || size === 15 || size === 16) ? 'media-gallery--column4' :
'media-gallery--column2';
return (
<div className={classNames('media-gallery', { 'media-gallery--row3': size === 5 || size === 6, 'media-gallery--row4': size === 7 || size === 8 })} style={style} ref={this.handleRef}>
<div className={classNames('media-gallery', rowClass, columnClass)} style={style} ref={this.handleRef}>
<div className={classNames('spoiler-button', { 'spoiler-button--minified': visible && !uncached, 'spoiler-button--click-thru': uncached })}>
{spoilerButton}
</div>