mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

Merge pull request #1376 from vector-im/matthew/fadable

Browse source 
make the UI fadable to help with decluttering
This commit is contained in:
Matthew Hodgson 2016-04-12 18:04:47 +01:00
commit 18bd1058d3
4 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/structures/LeftPanel.js
View file

@ -89,7 +89,7 @@ var LeftPanel = React.createClass({
var BottomLeftMenu = sdk.getComponent('structures.BottomLeftMenu');
var collapseButton;
var classes = "mx_LeftPanel";
var classes = "mx_LeftPanel mx_fadable";
if (this.props.collapsed) {
classes += " collapsed";
}
@ -109,7 +109,7 @@ var LeftPanel = React.createClass({
}
return (
<aside className={classes}>
<aside className={classes} style={{ opacity: this.props.opacity }}>
{ collapseButton }
{ callPreview }
<RoomList

4
src/components/structures/RightPanel.js
View file

@ -158,13 +158,13 @@ module.exports = React.createClass({
}
var classes = "mx_RightPanel";
var classes = "mx_RightPanel mx_fadable";
if (this.props.collapsed) {
classes += " collapsed";
}
return (
<aside className={classes}>
<aside className={classes} style={{ opacity: this.props.opacity }}>
<div className="mx_RightPanel_header">
{ buttonGroup }
</div>