From c26ad9e1c2e413e23c847718062b6a7d0da31e71 Mon Sep 17 00:00:00 2001
From: TekH <h.tek@digitaldata.works>
Date: Fri, 5 Jun 2026 13:39:20 +0200
Subject: [PATCH] Improve zoom control granularity and behavior

Updated the zoom slider in `EnvelopeViewer.razor` to allow finer adjustments by changing the step size from 25 to 1. Modified `pdf-viewer.js` to enable smoother zooming with 1% increments for `zoomIn` and `zoomOut` methods. Capped zoom levels between 0.5 and 3.0. Enhanced mouse wheel zoom behavior to adjust zoom in 1% steps and notify the .NET side of changes via `OnZoomChanged`. Ensured pages are re-rendered after each zoom adjustment.
---
 .../Pages/EnvelopeViewer.razor                |  2 +-
 .../wwwroot/js/pdf-viewer.js                  | 20 ++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/EnvelopeGenerator.ReceiverUI/Pages/EnvelopeViewer.razor b/EnvelopeGenerator.ReceiverUI/Pages/EnvelopeViewer.razor
index d6965fd0..d4230187 100644
--- a/EnvelopeGenerator.ReceiverUI/Pages/EnvelopeViewer.razor
+++ b/EnvelopeGenerator.ReceiverUI/Pages/EnvelopeViewer.razor
@@ -86,7 +86,7 @@
                                 </svg>
                             </button>
                             <div class="pdf-toolbar__zoom-slider-container">
-                                <input type="range" class="pdf-toolbar__zoom-slider" min="50" max="300" step="25" value="@_currentZoom" @oninput="OnZoomSliderChanged" title="@(_currentZoom)%" />
+                                <input type="range" class="pdf-toolbar__zoom-slider" min="50" max="300" step="1" value="@_currentZoom" @oninput="OnZoomSliderChanged" title="@(_currentZoom)%" />
                                 <div class="pdf-toolbar__zoom-label">@(_currentZoom)%</div>
                             </div>
                             <button class="pdf-toolbar__btn" @onclick="ZoomIn" disabled="@(_currentZoom >= 300)" title="Vergrößern">
diff --git a/EnvelopeGenerator.ReceiverUI/wwwroot/js/pdf-viewer.js b/EnvelopeGenerator.ReceiverUI/wwwroot/js/pdf-viewer.js
index 364f1d99..e24fd20b 100644
--- a/EnvelopeGenerator.ReceiverUI/wwwroot/js/pdf-viewer.js
+++ b/EnvelopeGenerator.ReceiverUI/wwwroot/js/pdf-viewer.js
@@ -70,14 +70,16 @@ window.pdfViewer = {
                 e.preventDefault();
                 
                 if (e.deltaY < 0) {
-                    // Scroll up = Zoom In
-                    this.zoomIn();
+                    // Scroll up = Zoom In (1% ad?m)
+                    this.scale = Math.min(this.scale + 0.01, 3.0);
+                    this.queueRenderPage(this.pageNum);
                     if (this.dotNetReference) {
                         this.dotNetReference.invokeMethodAsync('OnZoomChanged', this.scale);
                     }
                 } else {
-                    // Scroll down = Zoom Out
-                    this.zoomOut();
+                    // Scroll down = Zoom Out (1% ad?m)
+                    this.scale = Math.max(this.scale - 0.01, 0.5);
+                    this.queueRenderPage(this.pageNum);
                     if (this.dotNetReference) {
                         this.dotNetReference.invokeMethodAsync('OnZoomChanged', this.scale);
                     }
@@ -220,15 +222,15 @@ window.pdfViewer = {
     },
 
     zoomIn() {
-        this.scale += 0.25;
+        // 1% art??
+        this.scale = Math.min(this.scale + 0.01, 3.0);
         this.queueRenderPage(this.pageNum);
     },
 
     zoomOut() {
-        if (this.scale > 0.5) {
-            this.scale -= 0.25;
-            this.queueRenderPage(this.pageNum);
-        }
+        // 1% azal??
+        this.scale = Math.max(this.scale - 0.01, 0.5);
+        this.queueRenderPage(this.pageNum);
     },
 
     setScale(scale) {