mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-28 04:21:57 +03:00
Code Issues Projects Releases Packages Wiki Activity

add option for whitespace behaviour and handle height

Browse source
This commit is contained in:
Bruno Windels 2019-01-28 18:02:36 +01:00
parent 88f25dec4d
commit 8d1e105b50
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -82,6 +82,10 @@ module.exports = React.createClass({
this.collapsedState = collapsedJson ? JSON.parse(collapsedJson) : {};
this._layoutSections = [];
const options = {
allowWhitespace: false,
handleHeight: 1,
};
this._layout = new Layout((key, size) => {
const subList = this._subListRefs[key];
if (subList) {
@ -95,7 +99,7 @@ module.exports = React.createClass({
window.localStorage.setItem("mx_roomlist_sizes",
JSON.stringify(this.subListSizes));
}
}, this.subListSizes, this.collapsedState);
}, this.subListSizes, this.collapsedState, options);
return {
isLoadingLeftRooms: false,

13
src/resizer/distributors/roomsublist2.js
View file

@ -16,9 +16,6 @@ limitations under the License.
import FixedDistributor from "./fixed";
// const allowWhitespace = true;
const handleHeight = 1;
function clamp(height, min, max) {
if (height > max) return max;
if (height < min) return min;
@ -26,7 +23,7 @@ function clamp(height, min, max) {
}
export class Layout {
constructor(applyHeight, initialSizes, collapsedState) {
constructor(applyHeight, initialSizes, collapsedState, options) {
// callback to set height of section
this._applyHeight = applyHeight;
// list of {id, count} objects,
@ -49,6 +46,9 @@ export class Layout {
// used while manually resizing, to clear
// _clampedOffset when the direction of resizing changes
this._lastOffset = 0;
this._allowWhitespace = options && options.allowWhitespace;
this._handleHeight = (options && options.handleHeight) || 0;
}
setAvailableHeight(newSize) {
@ -112,7 +112,7 @@ export class Layout {
const collapsed = this._collapsedState[section.id];
return count + (collapsed ? 0 : 1);
}, 0);
return this._availableHeight - ((nonCollapsedSectionCount - 1) * handleHeight);
return this._availableHeight - ((nonCollapsedSectionCount - 1) * this._handleHeight);
}
_applyNewSize() {
@ -138,9 +138,10 @@ export class Layout {
if (collapsed) {
return this._sectionHeight(0);
} else if (!this._allowWhitespace) {
return this._sectionHeight(section.count);
} else {
return 100000;
// return this._sectionHeight(section.count);
}
}