webview: Use an exponential scale for zooming.

This matches the native Electron behavior. Fixes part of #1360 by removing the separate zoomFactor state variable. Signed-off-by: Anders Kaseorg <[email protected]>
zulip · Mar 21, 2024 · bc75eba · bc75eba
1 parent af7272a
commit bc75eba
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/app/renderer/js/components/webview.ts b/app/renderer/js/components/webview.ts
@@ -105,7 +105,6 @@ export default class WebView {
 
   badgeCount = 0;
   loading = true;
-  private zoomFactor = 1;
   private customCss: string | false | null;
   private readonly $webviewsContainer: DOMTokenList;
   private readonly $unsupported: HTMLElement;
@@ -161,18 +160,15 @@ export default class WebView {
   }
 
   zoomIn(): void {
-    this.zoomFactor += 0.1;
-    this.getWebContents().setZoomFactor(this.zoomFactor);
+    this.getWebContents().zoomLevel += 0.5;
   }
 
   zoomOut(): void {
-    this.zoomFactor -= 0.1;
-    this.getWebContents().setZoomFactor(this.zoomFactor);
+    this.getWebContents().zoomLevel -= 0.5;
   }
 
   zoomActualSize(): void {
-    this.zoomFactor = 1;
-    this.getWebContents().setZoomFactor(this.zoomFactor);
+    this.getWebContents().zoomLevel = 0;
   }
 
   logOut(): void {