diff options
| author | Danil Boldyrev <daswerq123@gmail.com> | 2023-05-30 13:35:52 +0000 |
|---|---|---|
| committer | Danil Boldyrev <daswerq123@gmail.com> | 2023-05-30 13:35:52 +0000 |
| commit | c928c228af428b2743ac4442ceff3118fa1dca48 (patch) | |
| tree | 914c9089db16ea56ea4ba82eaa8348e369274bd3 /extensions-builtin/canvas-zoom-and-pan/javascript | |
| parent | 8ab4e55fe3a7f953201eeb887de664f0db3d9e93 (diff) | |
| download | stable-diffusion-webui-gfx803-c928c228af428b2743ac4442ceff3118fa1dca48.tar.gz stable-diffusion-webui-gfx803-c928c228af428b2743ac4442ceff3118fa1dca48.tar.bz2 stable-diffusion-webui-gfx803-c928c228af428b2743ac4442ceff3118fa1dca48.zip | |
a small fix for very wide images, because of the scroll bar was the wrong zoom
Diffstat (limited to 'extensions-builtin/canvas-zoom-and-pan/javascript')
| -rw-r--r-- | extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js b/extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js index 4bbec34f..f555960d 100644 --- a/extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js +++ b/extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js @@ -261,10 +261,13 @@ onUiLoaded(async() => { //Reset Zoom targetElement.style.transform = `translate(${0}px, ${0}px) scale(${1})`; + // Get scrollbar width to right-align the image + const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth; + // Get element and screen dimensions const elementWidth = targetElement.offsetWidth; const elementHeight = targetElement.offsetHeight; - const screenWidth = window.innerWidth; + const screenWidth = window.innerWidth - scrollbarWidth; const screenHeight = window.innerHeight; // Get element's coordinates relative to the page |