mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-26 11:15:53 +03:00
Code Issues Projects Releases Packages Wiki Activity

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
Show stats 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 {
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 {
background-color: initial;
}
.mx_EventTile_spoiler.visible > .mx_EventTile_spoiler_content > span {
visibility: visible;
filter: none;
}
/* 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)}>
{ reason }
&nbsp;
<span className="mx_EventTile_spoiler_content">
<span dangerouslySetInnerHTML={{ __html: this.props.contentHtml }} />
</span>
<span className="mx_EventTile_spoiler_content" dangerouslySetInnerHTML={{ __html: this.props.contentHtml }} />
</span>
);
}