f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-27 13:42:38 +00:00
Code Wiki Activity

Allow divider to grow back to original position

Browse Source
This commit is contained in:
G.Ambatte
2022-03-22 10:26:29 +13:00
parent e44bbae07a
commit 257262e3cc
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
shared/naturalcrit/splitPane/splitPane.jsx
View File

@@ -26,6 +26,7 @@ const SplitPane = createClass({
if(paneSize){
this.setState({
size : paneSize,
dividerSize : paneSize,
screenWidth : window.innerWidth
});
}
@@ -37,19 +38,24 @@ const SplitPane = createClass({
},
changeSize : function() {
const oldWidth = this.state.screenWidth;
const oldLoc = this.state.size;
const newLoc = this.limitPosition(window.innerWidth * (oldLoc / oldWidth));
const oldWidth = this.state.screenWidth;
let newLoc = oldLoc;
// Allow divider to increase in size to original position
if(window.innerWidth > oldWidth) {
newLoc = Math.min(oldLoc * (window.innerWidth / this.state.screenWidth), this.state.dividerSize);
}
// Limit current position to between 10% and 90% of visible space
newLoc = this.limitPosition(newLoc, 0.1*(window.innerWidth-13), 0.9*(window.innerWidth-13));
this.setState({
size : newLoc,
screenWidth : window.innerWidth
});
},
limitPosition : function(x) {
const minWidth = 1;
const maxWidth = window.innerWidth - 13;
const result = Math.min(maxWidth, Math.max(minWidth, x));
limitPosition : function(x, min = 1, max = window.innerWidth - 13) {
const result = Math.round(Math.min(max, Math.max(min, x)));
return result;
},
@@ -71,7 +77,8 @@ const SplitPane = createClass({
const newSize = this.limitPosition(e.pageX);
this.setState({
size : newSize
size : newSize,
dividerSize : newSize
});
},
/*