diff --git a/tabs-tabs-tabs/tabs.html b/tabs-tabs-tabs/tabs.html index afcf29a..ad0f564 100644 --- a/tabs-tabs-tabs/tabs.html +++ b/tabs-tabs-tabs/tabs.html @@ -14,6 +14,9 @@ Remove active tab
Create a tab
Alert active tab info
+ Increase tab zoom
+ decrease tab zoom
+ default tab zoom
diff --git a/tabs-tabs-tabs/tabs.js b/tabs-tabs-tabs/tabs.js index 4b09ffd..3b46795 100644 --- a/tabs-tabs-tabs/tabs.js +++ b/tabs-tabs-tabs/tabs.js @@ -70,5 +70,49 @@ document.addEventListener("click", function(e) { }); } + else if (e.target.id === "tabs-add-zoom") { + callOnActiveTab((tab) => { + chrome.tabs.getZoom(tab.id, function(zoomFactor){ + var newZoomFactor = zoomFactor + 0.2; + newZoomFactor = newZoomFactor > 3 ? 3 : newZoomFactor + + //the maximum zoomFactor is 3, it can't go higher + if (zoomFactor >= 3) { + alert("Tab zoom factor is already at max!"); + } else { + chrome.tabs.setZoom(tab.id, newZoomFactor); + } + }); + }); + } + + else if (e.target.id === "tabs-decrease-zoom") { + callOnActiveTab((tab) => { + chrome.tabs.getZoom(tab.id, function(zoomFactor){ + var newZoomFactor = zoomFactor - 0.2; + newZoomFactor = newZoomFactor < 0.3 ? 0.3 : newZoomFactor + + //the minimum zoomFactor is 0.3, it can't go lower + if (zoomFactor <= 0.3) { + alert("Tab zoom factor is already at minimum!"); + } else { + chrome.tabs.setZoom(tab.id, newZoomFactor); + } + }); + }); + } + + else if (e.target.id === "tabs-default-zoom") { + callOnActiveTab((tab) => { + chrome.tabs.getZoom(tab.id, function(zoomFactor){ + if (zoomFactor == 1) { + alert("Tab zoom is already at the default zoom factor"); + } else { + chrome.tabs.setZoom(tab.id, 1); + } + }); + }); + } + e.preventDefault(); });