f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-29 22:02:46 +00:00
Code Wiki Activity

Add a Live Scroll lock/unlock below Brew/Source Jump buttons.

Browse Source 
The button displays the *next* state of the toggle. IE, if the current state is locked ( Live scrolling is active ) the icon is unlock with a corresponding mouse-over.

It may be desirable to invert this.
This commit is contained in:
David Bolack
2024-05-18 22:17:29 -05:00
parent 8ece54701d
commit b7dc47fe9e
3 changed files with 30 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,6 +20,7 @@ const SplitPane = createClass({
isDragging : false,
moveSource : false,
moveBrew : false,
liveScroll : true,
showMoveArrows : true
};
},
@@ -117,6 +118,20 @@ const SplitPane = createClass({
onClick={()=>this.setState({ moveBrew: !this.state.moveBrew })} >
<i className='fas fa-arrow-right' />
</div>
<div id='scrollToggleDiv' className='arrow unlock'
style={{ left: this.state.currentDividerPos-4 }}
onClick={()=>{
this.setState({ liveScroll: !this.state.liveScroll });
if(document.getElementById('scrollToggle').classList.contains('fa-unlock')) {
document.getElementById('scrollToggle').className = 'fas fa-lock';
document.getElementById('scrollToggleDiv').className = 'arrow lock';
} else {
document.getElementById('scrollToggle').className = 'fas fa-unlock';
document.getElementById('scrollToggleDiv').className = 'arrow unlock';
}
}} >
<i id='scrollToggle' className='fas fa-unlock' />
</div>
</>;
}
},
@@ -143,6 +158,7 @@ const SplitPane = createClass({
{React.cloneElement(this.props.children[0], {
moveBrew : this.state.moveBrew,
moveSource : this.state.moveSource,
liveScroll : this.state.liveScroll,
setMoveArrows : this.setMoveArrows
})}
</Pane>