implement right panel collapsing more correctly too

This commit is contained in:
Matthew Hodgson 2015-10-11 02:25:26 +01:00
parent 47ed8971e3
commit 8bdb5c0745
2 changed files with 12 additions and 2 deletions

View File

@ -75,7 +75,7 @@ limitations under the License.
.mx_MatrixChat .mx_LeftPanel.collapsed {
-webkit-flex: 0 0 60px;
flex: 0 0 60px;
flex: 0 0 60px;
}
.mx_MatrixChat .mx_MatrixChat_middlePanel {
@ -116,3 +116,8 @@ limitations under the License.
-webkit-flex: 0 0 230px;
flex: 0 0 230px;
}
.mx_MatrixChat .mx_RightPanel.collapsed {
-webkit-flex: 0 0 72px;
flex: 0 0 72px;
}

View File

@ -64,8 +64,13 @@ module.exports = React.createClass({
}
}
var classes = "mx_RightPanel";
if (this.state.phase === this.Phase.None) {
classes += " collapsed";
}
return (
<aside className="mx_RightPanel">
<aside className={classes}>
<div className="mx_RightPanel_header">
{ buttonGroup }
</div>