Merge branch 'experimental' into bwindels/roomsectionheadercleanup

This commit is contained in:
Bruno Windels 2018-10-22 10:31:07 +02:00
commit f42ab32e05
5 changed files with 17 additions and 9 deletions

View File

@ -132,6 +132,11 @@ limitations under the License.
transform: rotateZ(-90deg); transform: rotateZ(-90deg);
} }
.mx_RoomSubList .gm-scrollbar-container {
/* let rooms list grab all available space */
flex: 1;
}
.collapsed { .collapsed {
.mx_RoomSubList_label { .mx_RoomSubList_label {
height: 17px; height: 17px;

View File

@ -155,7 +155,7 @@ class Tinter {
tint(primaryColor, secondaryColor, tertiaryColor) { tint(primaryColor, secondaryColor, tertiaryColor) {
return; return;
// eslint-disable-next-line no-unreachable
this.currentTint[0] = primaryColor; this.currentTint[0] = primaryColor;
this.currentTint[1] = secondaryColor; this.currentTint[1] = secondaryColor;
this.currentTint[2] = tertiaryColor; this.currentTint[2] = tertiaryColor;

View File

@ -412,6 +412,10 @@ const LoggedInView = React.createClass({
this.setState({mouseDown: null}); this.setState({mouseDown: null});
}, },
_setResizeContainerRef(div) {
this.resizeContainer = div;
},
render: function() { render: function() {
const LeftPanel = sdk.getComponent('structures.LeftPanel'); const LeftPanel = sdk.getComponent('structures.LeftPanel');
const RightPanel = sdk.getComponent('structures.RightPanel'); const RightPanel = sdk.getComponent('structures.RightPanel');
@ -558,7 +562,7 @@ const LoggedInView = React.createClass({
<div className='mx_MatrixChat_wrapper' aria-hidden={this.props.hideToSRUsers} onMouseDown={this._onMouseDown} onMouseUp={this._onMouseUp}> <div className='mx_MatrixChat_wrapper' aria-hidden={this.props.hideToSRUsers} onMouseDown={this._onMouseDown} onMouseUp={this._onMouseUp}>
{ topBar } { topBar }
<DragDropContext onDragEnd={this._onDragEnd}> <DragDropContext onDragEnd={this._onDragEnd}>
<div ref={(div) => this.resizeContainer = div} className={bodyClasses}> <div ref={this._setResizeContainerRef} className={bodyClasses}>
<LeftPanel <LeftPanel
collapsed={this.props.collapseLhs || this.state.collapseLhs || false} collapsed={this.props.collapseLhs || this.state.collapseLhs || false}
disabled={this.props.leftDisabled} disabled={this.props.leftDisabled}

View File

@ -17,7 +17,6 @@ limitations under the License.
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import sdk from '../../index'; import sdk from '../../index';
import dis from '../../dispatcher';
class TopLeftMenu extends React.Component { class TopLeftMenu extends React.Component {
@ -30,7 +29,7 @@ class TopLeftMenu extends React.Component {
render() { render() {
const BaseAvatar = sdk.getComponent('avatars.BaseAvatar'); const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
const avatarHeight = 28; const avatarHeight = 28;
const name = "My stuff" const name = "My stuff";
return ( return (
<div className="mx_TopLeftMenu"> <div className="mx_TopLeftMenu">

View File

@ -40,7 +40,7 @@ export class Resizer {
vertical: "resizer-vertical", vertical: "resizer-vertical",
resizing: "resizer-resizing", resizing: "resizer-resizing",
}; };
this.mouseDownHandler = (event) => this._onMouseDown(event); this._onMouseDown = this._onMouseDown.bind(this);
} }
setClassNames(classNames) { setClassNames(classNames) {
@ -48,11 +48,11 @@ export class Resizer {
} }
attach() { attach() {
this.container.addEventListener("mousedown", this.mouseDownHandler, false); this.container.addEventListener("mousedown", this._onMouseDown, false);
} }
detach() { detach() {
this.container.removeEventListener("mousedown", this.mouseDownHandler, false); this.container.removeEventListener("mousedown", this._onMouseDown, false);
} }
/** /**