f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-06 03:32:40 +00:00
Code Wiki Activity

Add limits to central divider position

Browse Source
This commit is contained in:
G.Ambatte
2021-10-19 14:39:51 +13:00
parent e9b9c87188
commit a2a6a3d3f6
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,6 +4,9 @@ const createClass = require('create-react-class');
const _ = require('lodash'); const _ = require('lodash');
const cx = require('classnames'); const cx = require('classnames');
const MIN_DRAG_WIDTH_PCT = 10; // How close the divider can get to the left of the screen (as a percentage of total screen width) before stopping
const MAX_DRAG_WIDTH_PCT = 90; // How close the divider can get to the right of the screen (as a percentage of total screen width) before stopping
const SplitPane = createClass({ const SplitPane = createClass({
getDefaultProps : function() { getDefaultProps : function() {
return { return {
@@ -40,8 +43,11 @@ const SplitPane = createClass({
}, },
handleMove : function(e){ handleMove : function(e){
if(!this.state.isDragging) return; if(!this.state.isDragging) return;
const minWidth = window.innerWidth * (MIN_DRAG_WIDTH_PCT / 100);
const maxWidth = window.innerWidth * (MAX_DRAG_WIDTH_PCT / 100);
const newSize = Math.min(maxWidth, Math.max(minWidth, e.pageX));
this.setState({ this.setState({
size : e.pageX size : newSize
}); });
}, },
/* /*