feat: add mousewheel zoom for electron

johannesjo · Nov 23, 2018 · 55a79cd · 55a79cd
1 parent eb01a6b
commit 55a79cd
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -66,6 +66,7 @@ export class AppComponent implements OnInit {
     if (IS_ELECTRON) {
       this._electronService.ipcRenderer.send(IPC_APP_READY);
       this._initElectronErrorHandler();
+      this._initMousewheelZoomForElectron();
 
       this._electronService.ipcRenderer.on(IPC_TRANSFER_SETTINGS_REQUESTED, () => {
         this._electronService.ipcRenderer.send(IPC_TRANSFER_SETTINGS_TO_ELECTRON, this._configService.cfg);
@@ -152,4 +153,19 @@ export class AppComponent implements OnInit {
       console.error(data);
     });
   }
+
+  private _initMousewheelZoomForElectron() {
+    const ZOOM_DELTA = 0.05;
+    const webFrame = this._electronService.webFrame;
+    document.addEventListener('mousewheel', (event: MouseWheelEvent) => {
+      if (event && event.ctrlKey) {
+        const zoomFactor = webFrame.getZoomFactor();
+        if (event.deltaY > 0) {
+          webFrame.setZoomFactor(zoomFactor + ZOOM_DELTA);
+        } else if (event.deltaY < 0) {
+          webFrame.setZoomFactor(zoomFactor - ZOOM_DELTA);
+        }
+      }
+    }, false);
+  }
 }