mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-18 06:35:35 +08:00
fix up UserSettings a bit and add fading
This commit is contained in:
parent
a06b420942
commit
f625e2d693
@ -51,7 +51,11 @@ module.exports = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
componentWillMount: function() {
|
componentWillMount: function() {
|
||||||
var self = this;
|
dis.dispatch({
|
||||||
|
action: 'ui_opacity',
|
||||||
|
sideOpacity: 0.3,
|
||||||
|
middleOpacity: 0.3,
|
||||||
|
});
|
||||||
this._refreshFromServer();
|
this._refreshFromServer();
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -61,6 +65,11 @@ module.exports = React.createClass({
|
|||||||
},
|
},
|
||||||
|
|
||||||
componentWillUnmount: function() {
|
componentWillUnmount: function() {
|
||||||
|
dis.dispatch({
|
||||||
|
action: 'ui_opacity',
|
||||||
|
sideOpacity: 1.0,
|
||||||
|
middleOpacity: 1.0,
|
||||||
|
});
|
||||||
dis.unregister(this.dispatcherRef);
|
dis.unregister(this.dispatcherRef);
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -321,7 +330,7 @@ module.exports = React.createClass({
|
|||||||
var notification_area;
|
var notification_area;
|
||||||
if (!MatrixClientPeg.get().isGuest()) {
|
if (!MatrixClientPeg.get().isGuest()) {
|
||||||
notification_area = (<div>
|
notification_area = (<div>
|
||||||
<h2>Notifications</h2>
|
<h3>Notifications</h3>
|
||||||
|
|
||||||
<div className="mx_UserSettings_section">
|
<div className="mx_UserSettings_section">
|
||||||
<Notifications/>
|
<Notifications/>
|
||||||
@ -335,7 +344,7 @@ module.exports = React.createClass({
|
|||||||
|
|
||||||
<GeminiScrollbar className="mx_UserSettings_body" autoshow={true}>
|
<GeminiScrollbar className="mx_UserSettings_body" autoshow={true}>
|
||||||
|
|
||||||
<h2>Profile</h2>
|
<h3>Profile</h3>
|
||||||
|
|
||||||
<div className="mx_UserSettings_section">
|
<div className="mx_UserSettings_section">
|
||||||
<div className="mx_UserSettings_profileTable">
|
<div className="mx_UserSettings_profileTable">
|
||||||
@ -366,7 +375,7 @@ module.exports = React.createClass({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2>Account</h2>
|
<h3>Account</h3>
|
||||||
|
|
||||||
<div className="mx_UserSettings_section">
|
<div className="mx_UserSettings_section">
|
||||||
|
|
||||||
@ -379,7 +388,7 @@ module.exports = React.createClass({
|
|||||||
|
|
||||||
{notification_area}
|
{notification_area}
|
||||||
|
|
||||||
<h2>Advanced</h2>
|
<h3>Advanced</h3>
|
||||||
|
|
||||||
<div className="mx_UserSettings_section">
|
<div className="mx_UserSettings_section">
|
||||||
<div className="mx_UserSettings_advanced">
|
<div className="mx_UserSettings_advanced">
|
||||||
|
Loading…
Reference in New Issue
Block a user