Git Issue 1400 (#1404)

igvteam · Oct 18, 2021 · b7a6285 · b7a6285
1 parent b9c0365
commit b7a6285
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/js/browser.js b/js/browser.js
@@ -1198,6 +1198,16 @@ class Browser {
         return this.config.minimumBases;
     }
 
+    // Zoom in by a factor of 2, keeping the same center location
+    zoomIn() {
+        this.zoomWithScaleFactor(0.5)
+    };
+
+    // Zoom out by a factor of 2, keeping the same center location if possible
+    zoomOut() {
+        this.zoomWithScaleFactor(2.0)
+    };
+
     async zoomWithScaleFactor(scaleFactor, centerBPOrUndefined, referenceFrameOrUndefined) {
 
         const viewportWidth = this.calculateViewportWidth(this.referenceFrameList.length)

diff --git a/js/ui/zoomWidget.js b/js/ui/zoomWidget.js
@@ -43,7 +43,8 @@ const ZoomWidget = function (browser, parent) {
     this.zoomContainer.appendChild(this.zoomOutButton)
     this.zoomOutButton.appendChild(Icon.createIcon('minus-circle'))
     this.zoomOutButton.addEventListener('click', () => {
-        browser.zoomWithScaleFactor(2.0)
+        // browser.zoomWithScaleFactor(2.0)
+        browser.zoomOut()
     })
 
     // Range slider
@@ -85,7 +86,8 @@ const ZoomWidget = function (browser, parent) {
     this.zoomContainer.appendChild(this.zoomInButton)
     this.zoomInButton.appendChild(Icon.createIcon('plus-circle'))
     this.zoomInButton.addEventListener('click', () => {
-        browser.zoomWithScaleFactor(0.5)
+        // browser.zoomWithScaleFactor(0.5)
+        browser.zoomIn()
     })
 
     browser.on('locuschange', (referenceFrameList) => {