PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

update layout on window resize

Browse source
This commit is contained in:
Bruno Windels 2019-01-25 18:48:25 +01:00
parent cb9ebf8b8b
commit 2d2f9712b5
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/views/rooms/RoomList.js
View file

@ -196,6 +196,7 @@ module.exports = React.createClass({
this._checkSubListsOverflow(); this._checkSubListsOverflow();
this.resizer.attach(); this.resizer.attach();
window.addEventListener("resize", this.onWindowResize);
this.mounted = true; this.mounted = true;
}, },
@ -241,6 +242,7 @@ module.exports = React.createClass({
componentWillUnmount: function() { componentWillUnmount: function() {
this.mounted = false; this.mounted = false;
window.removeEventListener("resize", this.onWindowResize);
dis.unregister(this.dispatcherRef); dis.unregister(this.dispatcherRef);
if (MatrixClientPeg.get()) { if (MatrixClientPeg.get()) {
MatrixClientPeg.get().removeListener("Room", this.onRoom); MatrixClientPeg.get().removeListener("Room", this.onRoom);
@ -270,6 +272,17 @@ module.exports = React.createClass({
this._delayedRefreshRoomList.cancelPendingCall(); this._delayedRefreshRoomList.cancelPendingCall();
}, },
onWindowResize: function() {
if (this.mounted && this._layout && this.resizeContainer &&
Array.isArray(this._layoutSections)
) {
this._layout.update(
this._layoutSections,
this.resizeContainer.offsetHeight
);
}
},
onRoom: function(room) { onRoom: function(room) {
this.updateVisibleRooms(); this.updateVisibleRooms();
}, },