Add Re-route button to Schema ReTrace.

This commit is contained in:
Taras Greben 2026-07-03 17:16:21 +03:00
commit d27e2ca267
2 changed files with 22 additions and 4 deletions

View file

@ -149,9 +149,10 @@
.mobile-only { display: inline-flex !important; }
.hide-mobile { display: none !important; }
.responsive-text::after { content: attr(data-short); }
#header { gap: 6px; padding: 4px 8px; overflow-x: auto; padding-bottom: 2px; }
.btn-group { gap: 4px; }
#header .btn { padding: 4px 8px; }
#header .sep { display: none; }
#header { overflow-x: auto; padding-bottom: 2px; }
#header::-webkit-scrollbar { height: 4px; }
#header::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
@ -246,8 +247,15 @@
</div>
<div class="sep"></div>
<div class="btn-group">
<button class="btn" id="btn-auto-place" title="Auto Layout">🔀<span class="hide-mobile"> Auto Layout</span></button>
<button class="btn" id="btn-zoom-fit" title="Fit View"><span class="hide-mobile"> Fit</span></button>
<button class="btn" id="btn-reroute" title="Re-route the Schematic">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/></svg>
<span class="hide-mobile" style="margin-left:5px;">Re-route</span>
</button>
<button class="btn" id="btn-auto-place" title="Auto Layout">🔀<span class="hide-mobile" style="margin-left:5px;">Auto Layout</span></button>
<button class="btn" id="btn-zoom-fit" title="Fit View">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M6 3H3v3 M3 18v3h3 M18 21h3v-3 M21 6V3h-3"/></svg>
<span class="hide-mobile" style="margin-left:5px;">Fit</span>
</button>
</div>
<div class="sep"></div>
<div class="btn-group">
@ -281,7 +289,9 @@
<button class="btn mobile-only" id="btn-toggle-left"></button>
<button class="btn" id="btn-zoom-in">+</button>
<button class="btn" id="btn-zoom-out"></button>
<button class="btn" id="btn-zoom-fit2"></button>
<button class="btn" id="btn-zoom-fit2" title="Fit View">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;"><path d="M6 3H3v3 M3 18v3h3 M18 21h3v-3 M21 6V3h-3"/></svg>
</button>
<div class="sep hide-mobile" style="height:20px"></div>
<button class="btn" id="btn-undo"></button>
<button class="btn mobile-only" id="btn-toggle-right">🛈</button>