show captions for media descriptions
parent
467170f4a0
commit
ff02142601
|
@ -354,7 +354,16 @@ export default class MediaGallery extends React.PureComponent {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let descriptions;
|
||||||
|
descriptions = media.take(4).map(
|
||||||
|
(attachment, i) => {
|
||||||
|
if (attachment.get('description'))
|
||||||
|
return <p className='media-spoiler__trigger'>Attachment {1+i}: {attachment.get('description')}</p>
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
<React.Fragment>
|
||||||
<div className={computedClass} style={style} ref={this.handleRef}>
|
<div className={computedClass} style={style} ref={this.handleRef}>
|
||||||
<div className={classNames('spoiler-button', { 'spoiler-button--minified': visible })}>
|
<div className={classNames('spoiler-button', { 'spoiler-button--minified': visible })}>
|
||||||
{spoilerButton}
|
{spoilerButton}
|
||||||
|
@ -367,6 +376,11 @@ export default class MediaGallery extends React.PureComponent {
|
||||||
|
|
||||||
{children}
|
{children}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className='status__content' tabIndex='0'>
|
||||||
|
{descriptions}
|
||||||
|
</div>
|
||||||
|
</React.Fragment>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue