|
|
|
@ -216,14 +216,14 @@ export default class StatusContent extends React.PureComponent { |
|
|
|
|
return ( |
|
|
|
|
<div className={classNames} ref={this.setRef} tabIndex='0' style={directionStyle} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}> |
|
|
|
|
<p style={{ marginBottom: hidden && status.get('mentions').isEmpty() ? '0px' : null }}> |
|
|
|
|
<span dangerouslySetInnerHTML={spoilerContent} lang={status.get('language')} /> |
|
|
|
|
<span dangerouslySetInnerHTML={spoilerContent} /> |
|
|
|
|
{' '} |
|
|
|
|
<button tabIndex='0' className={`status__content__spoiler-link ${hidden ? 'status__content__spoiler-link--show-more' : 'status__content__spoiler-link--show-less'}`} onClick={this.handleSpoilerClick}>{toggleText}</button> |
|
|
|
|
</p> |
|
|
|
|
|
|
|
|
|
{mentionsPlaceholder} |
|
|
|
|
|
|
|
|
|
<div tabIndex={!hidden ? 0 : null} className={`status__content__text ${!hidden ? 'status__content__text--visible' : ''}`} style={directionStyle} dangerouslySetInnerHTML={content} lang={status.get('language')} /> |
|
|
|
|
<div tabIndex={!hidden ? 0 : null} className={`status__content__text ${!hidden ? 'status__content__text--visible' : ''}`} style={directionStyle} dangerouslySetInnerHTML={content} /> |
|
|
|
|
|
|
|
|
|
{!hidden && !!status.get('poll') && <PollContainer pollId={status.get('poll')} />} |
|
|
|
|
</div> |
|
|
|
@ -231,7 +231,7 @@ export default class StatusContent extends React.PureComponent { |
|
|
|
|
} else if (this.props.onClick) { |
|
|
|
|
const output = [ |
|
|
|
|
<div className={classNames} ref={this.setRef} tabIndex='0' style={directionStyle} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp} key='status-content'> |
|
|
|
|
<div className='status__content__text status__content__text--visible' style={directionStyle} dangerouslySetInnerHTML={content} lang={status.get('language')} /> |
|
|
|
|
<div className='status__content__text status__content__text--visible' style={directionStyle} dangerouslySetInnerHTML={content} /> |
|
|
|
|
|
|
|
|
|
{!!status.get('poll') && <PollContainer pollId={status.get('poll')} />} |
|
|
|
|
</div>, |
|
|
|
@ -245,7 +245,7 @@ export default class StatusContent extends React.PureComponent { |
|
|
|
|
} else { |
|
|
|
|
return ( |
|
|
|
|
<div className={classNames} ref={this.setRef} tabIndex='0' style={directionStyle}> |
|
|
|
|
<div className='status__content__text status__content__text--visible' style={directionStyle} dangerouslySetInnerHTML={content} lang={status.get('language')} /> |
|
|
|
|
<div className='status__content__text status__content__text--visible' style={directionStyle} dangerouslySetInnerHTML={content} /> |
|
|
|
|
|
|
|
|
|
{!!status.get('poll') && <PollContainer pollId={status.get('poll')} />} |
|
|
|
|
</div> |
|
|
|
|