Merge pull request #2297 from matrix-org/bwindels/roomlistsizingimprovements
Redesign: improve room sub list sizing & persist sizes
This commit is contained in:
commit
8f4292399b
10 changed files with 163 additions and 124 deletions
|
@ -164,15 +164,13 @@ const LoggedInView = React.createClass({
|
|||
};
|
||||
const collapseConfig = {
|
||||
toggleSize: 260 - 50,
|
||||
onCollapsed: (collapsed, item) => {
|
||||
if (item.classList.contains("mx_LeftPanel_container")) {
|
||||
this.setState({collapseLhs: collapsed});
|
||||
if (collapsed) {
|
||||
window.localStorage.setItem("mx_lhs_size", '0');
|
||||
}
|
||||
onCollapsed: (collapsed) => {
|
||||
this.setState({collapseLhs: collapsed});
|
||||
if (collapsed) {
|
||||
window.localStorage.setItem("mx_lhs_size", '0');
|
||||
}
|
||||
},
|
||||
onResized: (size, item) => {
|
||||
onResized: (size) => {
|
||||
window.localStorage.setItem("mx_lhs_size", '' + size);
|
||||
},
|
||||
};
|
||||
|
|
|
@ -318,20 +318,17 @@ const RoomSubList = React.createClass({
|
|||
if (len) {
|
||||
const subListClasses = classNames({
|
||||
"mx_RoomSubList": true,
|
||||
"mx_RoomSubList_hidden": this.state.hidden,
|
||||
"mx_RoomSubList_nonEmpty": len && !this.state.hidden,
|
||||
});
|
||||
if (this.state.hidden) {
|
||||
return <div className={subListClasses} style={{flexBasis: "unset", flexGrow: "unset"}}>
|
||||
return <div className={subListClasses}>
|
||||
{this._getHeaderJsx()}
|
||||
</div>;
|
||||
} else {
|
||||
const heightEstimation = (len * 44) + 31 + (8 + 8);
|
||||
const style = {
|
||||
maxHeight: `${heightEstimation}px`,
|
||||
};
|
||||
const tiles = this.makeRoomTiles();
|
||||
tiles.push(...this.props.extraTiles);
|
||||
return <div style={style} className={subListClasses}>
|
||||
return <div className={subListClasses}>
|
||||
{this._getHeaderJsx()}
|
||||
<IndicatorScrollbar className="mx_RoomSubList_scroll">
|
||||
{ tiles }
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue