fix up UserSettings a bit and add fading

This commit is contained in:
Matthew Hodgson 2016-04-15 18:30:13 +01:00
parent a06b420942
commit f625e2d693

View File

@ -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">