imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

blur spoilers

Browse source
This commit is contained in:
Sorunome 2019-06-11 21:08:45 +02:00
parent d8f4512439
commit eddac4b188
No known key found for this signature in database
GPG key ID: 63E31F7B5993A9C4
2 changed files with 4 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

14
res/css/views/rooms/_EventTile.scss
View file

@ -291,20 +291,12 @@ limitations under the License.
} }
.mx_EventTile_spoiler_content { .mx_EventTile_spoiler_content {
background-color: black; filter: blur(5px) saturate(0.1) sepia(1);
transition-duration: 0.5s;
} }
.mx_EventTile_spoiler_content > span {
visibility: hidden;
}
.mx_EventTile_spoiler.visible > .mx_EventTile_spoiler_content { .mx_EventTile_spoiler.visible > .mx_EventTile_spoiler_content {
background-color: initial; filter: none;
}
.mx_EventTile_spoiler.visible > .mx_EventTile_spoiler_content > span {
visibility: visible;
} }
/* End to end encryption stuff */ /* End to end encryption stuff */

4
src/components/views/elements/Spoiler.js
View file

@ -23,9 +23,7 @@ module.exports = React.createClass({
<span className={"mx_EventTile_spoiler" + (this.state.visible ? " visible" : "")} onClick={this.toggleVisible.bind(this)}> <span className={"mx_EventTile_spoiler" + (this.state.visible ? " visible" : "")} onClick={this.toggleVisible.bind(this)}>
{ reason } { reason }
&nbsp; &nbsp;
<span className="mx_EventTile_spoiler_content"> <span className="mx_EventTile_spoiler_content" dangerouslySetInnerHTML={{ __html: this.props.contentHtml }} />
<span dangerouslySetInnerHTML={{ __html: this.props.contentHtml }} />
</span>
</span> </span>
); );
} }