fix up spoilers
parent
ca28d9c2ae
commit
ca13ec04a8
|
@ -92,7 +92,7 @@ const StatusContent = React.createClass({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='status__content' style={{ cursor: 'pointer' }} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}>
|
<div className='status__content' style={{ cursor: 'pointer' }} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}>
|
||||||
<p>
|
<p style={{ marginBottom: hidden ? '0px' : '' }} >
|
||||||
<span dangerouslySetInnerHTML={spoilerContent} /> <a onClick={this.handleSpoilerClick}>{toggleText}</a>
|
<span dangerouslySetInnerHTML={spoilerContent} /> <a onClick={this.handleSpoilerClick}>{toggleText}</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
|
@ -679,42 +679,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.spoiler-helper {
|
|
||||||
margin-bottom: -20px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spoiler {
|
|
||||||
&::before {
|
|
||||||
margin-top: 20px;
|
|
||||||
display: block;
|
|
||||||
content: '';
|
|
||||||
}
|
|
||||||
|
|
||||||
display: inline;
|
|
||||||
cursor: pointer;
|
|
||||||
border-bottom: 1px dashed white;
|
|
||||||
.light & {
|
|
||||||
border-bottom: 1px dashed black;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.spoiler-on {
|
|
||||||
&, & * {
|
|
||||||
color: transparent !important;
|
|
||||||
}
|
|
||||||
background: white;
|
|
||||||
.light & {
|
|
||||||
background: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.emojione {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@import 'boost';
|
@import 'boost';
|
||||||
|
|
||||||
|
|
||||||
button i.fa-retweet {
|
button i.fa-retweet {
|
||||||
height: 19px;
|
height: 19px;
|
||||||
width: 22px;
|
width: 22px;
|
||||||
|
|
Reference in New Issue