YaroslavKartashov
/
MAI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ui): reduce zoom step to one percent

Browse Source
main
AlexsandrSnytkin 6 hours ago
parent ba503d52fd
commit 9a5fef27b8
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File

12
ui_server.py
Unescape Escape View File

@ -1611,7 +1611,7 @@ HTML = """<!doctype html>
<button id="configResetLayout" type="button">сбросить раскладку</button> <button id="configResetLayout" type="button">сбросить раскладку</button>
<button id="configRestoreToggle" type="button" aria-expanded="false">структура</button> <button id="configRestoreToggle" type="button" aria-expanded="false">структура</button>
<button id="configDeleteSelected" class="command danger" type="button" disabled>удалить выбранные</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> <span id="configLayoutState" class="config-layout-state">Ctrl/Cmd + клик — выбрать несколько · перетаскивайте группу</span>
</div> </div>
<div id="configWorkspace" class="config-workspace"> <div id="configWorkspace" class="config-workspace">
@ -1837,7 +1837,7 @@ HTML = """<!doctype html>
<button id="networkResetLayout" type="button">сбросить раскладку</button> <button id="networkResetLayout" type="button">сбросить раскладку</button>
<button id="networkStructureToggle" type="button" aria-expanded="false">структура</button> <button id="networkStructureToggle" type="button" aria-expanded="false">структура</button>
<button id="networkDeleteSelected" class="command danger" type="button" disabled>удалить выбранные</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> <span id="networkLayoutState" class="config-layout-state">Ctrl/Cmd + клик — выбрать несколько · перетаскивайте группу</span>
</div> </div>
<div id="networkWorkspace" class="network-workspace"> <div id="networkWorkspace" class="network-workspace">
@ -2614,7 +2614,7 @@ HTML = """<!doctype html>
}; };
const output = document.createElement('output'); const output = document.createElement('output');
output.className = 'block-zoom-value'; 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); summary.append(titleNode, zoom);
updateConfigScaleToggle(block); updateConfigScaleToggle(block);
summary.setAttribute('aria-label', `${title}. Перетаскивайте заголовок для перемещения`); summary.setAttribute('aria-label', `${title}. Перетаскивайте заголовок для перемещения`);
@ -2698,7 +2698,7 @@ HTML = """<!doctype html>
event.stopPropagation(); event.stopPropagation();
if (selectedConfigBlock !== block) selectConfigBlock(block); if (selectedConfigBlock !== block) selectConfigBlock(block);
const current = Number(configLayout[block.dataset.section]?.scale) || 100; 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}); }, {passive: false});
block.addEventListener('pointerleave', () => { if (!block.classList.contains('is-resizing')) block.style.cursor = ''; }); block.addEventListener('pointerleave', () => { if (!block.classList.contains('is-resizing')) block.style.cursor = ''; });
block.addEventListener('pointerdown', event => { block.addEventListener('pointerdown', event => {
@ -3317,7 +3317,7 @@ HTML = """<!doctype html>
}; };
const output = document.createElement('output'); const output = document.createElement('output');
output.className = 'block-zoom-value'; 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); summary.append(titleNode, zoom);
updateNetworkScaleToggle(block); updateNetworkScaleToggle(block);
} }
@ -3390,7 +3390,7 @@ HTML = """<!doctype html>
event.stopPropagation(); event.stopPropagation();
if (networkSelectedBlock !== block) selectNetworkBlock(block); if (networkSelectedBlock !== block) selectNetworkBlock(block);
const current = Number(networkLayout[block.dataset.section]?.scale) || 100; 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}); }, {passive: false});
block.addEventListener('pointerdown', event => { block.addEventListener('pointerdown', event => {
if (event.defaultPrevented || block.classList.contains('is-resizing')) return; if (event.defaultPrevented || block.classList.contains('is-resizing')) return;

Write Preview
Loading…
Cancel
Save