mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
ctrl + wheel to change zoom factor
This commit is contained in:
@@ -19,9 +19,27 @@ export default class MainContainer extends React.Component {
|
|||||||
ipc.send('update-app', 'Deal with it.')
|
ipc.send('update-app', 'Deal with it.')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
handleWheel (e) {
|
||||||
|
if (e.ctrlKey && process.platform !== 'darwin') {
|
||||||
|
if (window.document.body.style.zoom == null) {
|
||||||
|
window.document.body.style.zoom = 1
|
||||||
|
}
|
||||||
|
console.log(window.document.body.style.zoom)
|
||||||
|
let zoom = Number(window.document.body.style.zoom)
|
||||||
|
if (e.deltaY > 0 && zoom < 4) {
|
||||||
|
document.body.style.zoom = zoom + 0.05
|
||||||
|
} else if (e.deltaY < 0 && zoom > 0.5) {
|
||||||
|
document.body.style.zoom = zoom - 0.05
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
render () {
|
render () {
|
||||||
return (
|
return (
|
||||||
<div className='Main'>
|
<div
|
||||||
|
className='Main'
|
||||||
|
onWheel={(e) => this.handleWheel(e)}
|
||||||
|
>
|
||||||
{this.state.updateAvailable ? (
|
{this.state.updateAvailable ? (
|
||||||
<button onClick={this.updateApp} className='appUpdateButton'><i className='fa fa-cloud-download'/> Update available!</button>
|
<button onClick={this.updateApp} className='appUpdateButton'><i className='fa fa-cloud-download'/> Update available!</button>
|
||||||
) : null}
|
) : null}
|
||||||
|
|||||||
Reference in New Issue
Block a user