fix up spoilers
This commit is contained in:
parent
ca28d9c2ae
commit
ca13ec04a8
|
@ -92,7 +92,7 @@ const StatusContent = React.createClass({
|
|||
|
||||
return (
|
||||
<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>
|
||||
</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';
|
||||
|
||||
|
||||
button i.fa-retweet {
|
||||
height: 19px;
|
||||
width: 22px;
|
||||
|
|
Reference in a new issue