jocadbz
/
wireplanner
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cable labels shown between trace segments 

Connection labels now appear as accent-bordered pills on the main arrow
between far and clicked segments, instead of plain paragraphs below the
trace. Unlabeled cables show a plain em-dash as before.
master
Joca 2026-06-09 20:14:50 -03:00
parent 8371ffa1f5
commit 17ae561828
Signed by: jocadbz
GPG Key ID: B1836DCE2F50BDF7
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/style.css
View File

@ -158,6 +158,12 @@ th { background: var(--surface); font-weight: 600; }
}
.trace-segment small { display: block; }
.trace-arrow { color: var(--text-muted); font-weight: bold; }
.trace-cable { color: var(--accent); }
.cable-label {
display: inline-block; padding: 0.1em 0.5em; background: var(--surface2);
border: 1px solid var(--accent); border-radius: 3px;
font-size: 0.8em; font-weight: 400; color: var(--text);
}
.trace-clicked {
padding: 0.3em 0.6em; background: var(--surface2); border-radius: 3px;
border: 2px solid var(--accent); display: inline-block;

6
templates/connection_modal.html
View File

@ -41,7 +41,9 @@
<div class="trace-arrow">&mdash;</div>
{{end}}
</div>
<div class="trace-arrow">&mdash;</div>
<div class="trace-arrow trace-cable">
{{if or .Trace.Label1 .Trace.Label2}}<span class="cable-label">{{if .Trace.Label1}}{{.Trace.Label1}}{{end}}{{if and .Trace.Label1 .Trace.Label2}} / {{end}}{{if .Trace.Label2}}{{.Trace.Label2}}{{end}}</span>{{else}}&mdash;{{end}}
</div>
{{end}}
<div class="trace-clicked">
@ -68,8 +70,6 @@
<div class="connection-details">
<p><strong>Type:</strong> {{.Trace.ConnectionType}}</p>
<p><strong>Color:</strong> <span style="display:inline-block;width:1em;height:1em;background:{{.Trace.Color}};border:1px solid #999;vertical-align:middle;"></span> {{.Trace.Color}}</p>
{{if .Trace.Label1}}<p><strong>Label end 1:</strong> {{.Trace.Label1}}</p>{{end}}
{{if .Trace.Label2}}<p><strong>Label end 2:</strong> {{.Trace.Label2}}</p>{{end}}
</div>
<div class="connection-actions">