|
|
|
@ -148,8 +148,12 @@ export default class StatusContent extends React.PureComponent {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className='status__content status__content--with-action' ref={this.setRef} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}>
|
|
|
|
|
<p style={{ marginBottom: hidden && status.get('mentions').isEmpty() ? '0px' : null }}>
|
|
|
|
|
<div className='status__content status__content--with-action' ref={this.setRef}>
|
|
|
|
|
<p
|
|
|
|
|
style={{ marginBottom: hidden && status.get('mentions').isEmpty() ? '0px' : null }}
|
|
|
|
|
onMouseDown={this.handleMouseDown}
|
|
|
|
|
onMouseUp={this.handleMouseUp}
|
|
|
|
|
>
|
|
|
|
|
<span dangerouslySetInnerHTML={spoilerContent} />
|
|
|
|
|
{' '}
|
|
|
|
|
<button tabIndex='0' className='status__content__spoiler-link' onClick={this.handleSpoilerClick}>
|
|
|
|
@ -160,11 +164,13 @@ export default class StatusContent extends React.PureComponent {
|
|
|
|
|
{mentionsPlaceholder}
|
|
|
|
|
|
|
|
|
|
<div className={`status__content__spoiler ${!hidden ? 'status__content__spoiler--visible' : ''}`}>
|
|
|
|
|
|
|
|
|
|
<div style={directionStyle} dangerouslySetInnerHTML={content} />
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
style={directionStyle}
|
|
|
|
|
onMouseDown={this.handleMouseDown}
|
|
|
|
|
onMouseUp={this.handleMouseUp}
|
|
|
|
|
dangerouslySetInnerHTML={content}
|
|
|
|
|
/>
|
|
|
|
|
{children}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|