Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Replace inline styles with stylesheet (#3115)

Browse source
This commit is contained in:
Yamagishi Kazutoshi 2017-05-19 18:42:54 +09:00 • committed by Eugen Rochko
parent 550863198c
commit b8b7b506a2
13 changed files with 122 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/javascript/mastodon/components/status_content.js
View file

@ -117,15 +117,15 @@ class StatusContent extends React.PureComponent {
return (
<div className='status__content' ref={this.setRef} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}>
<p style={{ marginBottom: hidden && status.get('mentions').size === 0 ? '0px' : '' }} >
<span dangerouslySetInnerHTML={spoilerContent} /> <button tabIndex='0' className='status__content__spoiler-link' onClick={this.handleSpoilerClick}>{toggleText}</button>
<p style={{ marginBottom: hidden && status.get('mentions').isEmpty() ? '0px' : null }}>
<span dangerouslySetInnerHTML={spoilerContent} />
{' '}
<button tabIndex='0' className='status__content__spoiler-link' onClick={this.handleSpoilerClick}>{toggleText}</button>
</p>
{mentionsPlaceholder}
<div style={{ display: hidden ? 'none' : 'block', ...directionStyle }} dangerouslySetInnerHTML={content} />
<div className={`status__content__text ${!hidden ? 'status__content__text--visible' : ''}`} style={directionStyle} dangerouslySetInnerHTML={content} />
</div>
);
} else if (this.props.onClick) {
@ -133,7 +133,7 @@ class StatusContent extends React.PureComponent {
<div
ref={this.setRef}
className='status__content'
style={{ ...directionStyle }}
style={directionStyle}
onMouseDown={this.handleMouseDown}
onMouseUp={this.handleMouseUp}
dangerouslySetInnerHTML={content}
@ -144,7 +144,7 @@ class StatusContent extends React.PureComponent {
<div
ref={this.setRef}
className='status__content status__content--no-action'
style={{ ...directionStyle }}
style={directionStyle}
dangerouslySetInnerHTML={content}
/>
);