fix(ui): reduce zoom step to one percent

5 hours ago · 9a5fef27b8
parent ba503d52fd
commit 9a5fef27b8
1 changed files with 6 additions and 6 deletions
--- a/ui_server.py
+++ b/ui_server.py
@ -1611,7 +1611,7 @@ HTML = """<!doctype html>
          <button id="configResetLayout" type="button">сбросить раскладку</button>
          <button id="configRestoreToggle" type="button" aria-expanded="false">структура</button>
          <button id="configDeleteSelected" class="command danger" type="button" disabled>удалить выбранные</button>
-          <label class="config-scale-control" title="Масштаб элементов и текста выбранного блока: 50–200%"><span id="configScaleLabel">масштаб блока</span><input id="configContentScale" type="range" min="50" max="200" step="5" value="100" aria-label="Масштаб содержимого выбранного блока, от 50 до 200 процентов" disabled><output id="configContentScaleValue">100%</output></label>
+          <label class="config-scale-control" title="Масштаб элементов и текста выбранного блока: 50–200%"><span id="configScaleLabel">масштаб блока</span><input id="configContentScale" type="range" min="50" max="200" step="1" value="100" aria-label="Масштаб содержимого выбранного блока, от 50 до 200 процентов" disabled><output id="configContentScaleValue">100%</output></label>
          <span id="configLayoutState" class="config-layout-state">Ctrl/Cmd + клик — выбрать несколько · перетаскивайте группу</span>
        </div>
        <div id="configWorkspace" class="config-workspace">
@ -1837,7 +1837,7 @@ HTML = """<!doctype html>
          <button id="networkResetLayout" type="button">сбросить раскладку</button>
          <button id="networkStructureToggle" type="button" aria-expanded="false">структура</button>
          <button id="networkDeleteSelected" class="command danger" type="button" disabled>удалить выбранные</button>
-          <label class="config-scale-control" title="Масштаб элементов и текста выбранного сетевого блока"><span>масштаб блока</span><input id="networkContentScale" type="range" min="50" max="200" step="5" value="100" aria-label="Масштаб содержимого выбранного сетевого блока" disabled><output id="networkContentScaleValue">100%</output></label>
+          <label class="config-scale-control" title="Масштаб элементов и текста выбранного сетевого блока"><span>масштаб блока</span><input id="networkContentScale" type="range" min="50" max="200" step="1" value="100" aria-label="Масштаб содержимого выбранного сетевого блока" disabled><output id="networkContentScaleValue">100%</output></label>
          <span id="networkLayoutState" class="config-layout-state">Ctrl/Cmd + клик — выбрать несколько · перетаскивайте группу</span>
        </div>
        <div id="networkWorkspace" class="network-workspace">
@ -2614,7 +2614,7 @@ HTML = """<!doctype html>
      };
      const output = document.createElement('output');
      output.className = 'block-zoom-value';
-      zoom.append(scaleToggle, makeStep('−', -5), output, makeStep('+', 5));
+      zoom.append(scaleToggle, makeStep('−', -1), output, makeStep('+', 1));
      summary.append(titleNode, zoom);
      updateConfigScaleToggle(block);
      summary.setAttribute('aria-label', `${title}. Перетаскивайте заголовок для перемещения`);
@ -2698,7 +2698,7 @@ HTML = """<!doctype html>
        event.stopPropagation();
        if (selectedConfigBlock !== block) selectConfigBlock(block);
        const current = Number(configLayout[block.dataset.section]?.scale) || 100;
-        applyConfigContentScale(current + (event.deltaY < 0 ? 5 : -5));
+        applyConfigContentScale(current + (event.deltaY < 0 ? 1 : -1));
      }, {passive: false});
      block.addEventListener('pointerleave', () => { if (!block.classList.contains('is-resizing')) block.style.cursor = ''; });
      block.addEventListener('pointerdown', event => {
@ -3317,7 +3317,7 @@ HTML = """<!doctype html>
        };
        const output = document.createElement('output');
        output.className = 'block-zoom-value';
-        zoom.append(scaleToggle, makeStep('−', -5), output, makeStep('+', 5));
+      zoom.append(scaleToggle, makeStep('−', -1), output, makeStep('+', 1));
        summary.append(titleNode, zoom);
        updateNetworkScaleToggle(block);
      }
@ -3390,7 +3390,7 @@ HTML = """<!doctype html>
        event.stopPropagation();
        if (networkSelectedBlock !== block) selectNetworkBlock(block);
        const current = Number(networkLayout[block.dataset.section]?.scale) || 100;
-        applyNetworkContentScale(current + (event.deltaY < 0 ? 5 : -5));
+        applyNetworkContentScale(current + (event.deltaY < 0 ? 1 : -1));
      }, {passive: false});
      block.addEventListener('pointerdown', event => {
        if (event.defaultPrevented || block.classList.contains('is-resizing')) return;