hansjone/netx
1
0
Fork 0
mirror of https://github.com/hansjone/netx.git synced 2026-10-09 00:50:46 +08:00
Code Issues Projects Releases 1 Packages Wiki Activity Actions 2

Show full NE canvas labels and use dark green for selected links.

Browse source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-08-07 22:03:56 +08:00
parent 4b7d13d62b
commit a0170907e4
1 changed files with 9 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

27
web/src/index.css
View file

@ -7392,15 +7392,6 @@ pre {
height: 17px; height: 17px;
} }
.topo-node.is-region .topo-node__caption {
max-width: none;
}
.topo-node.is-region .topo-node__caption-name {
overflow: visible;
text-overflow: clip;
}
.topo-node__glyph { .topo-node__glyph {
position: relative; position: relative;
width: 25px; width: 25px;
@ -7518,9 +7509,9 @@ pre {
filter: brightness(1.12); filter: brightness(1.12);
} }
/* Selected link: light highlight only (do not alter geometry / arrows). */ /* Selected link: dark green so it stands out from UME blue / LLDP sky. */
.topo-canvas .react-flow__edge.selected .react-flow__edge-path { .topo-canvas .react-flow__edge.selected .react-flow__edge-path {
stroke: #2563eb !important; stroke: #166534 !important;
stroke-width: 3px !important; stroke-width: 3px !important;
} }
@ -7574,7 +7565,7 @@ pre {
color: var(--topo-label-color, #f1f5f9); color: var(--topo-label-color, #f1f5f9);
line-height: 1.15; line-height: 1.15;
width: max-content; width: max-content;
max-width: 80px; max-width: none;
pointer-events: none; pointer-events: none;
text-shadow: text-shadow:
0 0 2px rgba(15, 23, 42, 0.95), 0 0 2px rgba(15, 23, 42, 0.95),
@ -7583,24 +7574,24 @@ pre {
.topo-node__caption-name { .topo-node__caption-name {
display: block; display: block;
max-width: 100%; max-width: none;
font-size: 8px; font-size: 8px;
font-weight: 600; font-weight: 600;
color: var(--topo-label-color, #f1f5f9); color: var(--topo-label-color, #f1f5f9);
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: visible;
text-overflow: ellipsis; text-overflow: clip;
} }
.topo-node__caption-meta { .topo-node__caption-meta {
display: block; display: block;
max-width: 100%; max-width: none;
font-size: 7px; font-size: 7px;
color: color-mix(in srgb, var(--topo-label-color, #f1f5f9) 55%, #64748b); color: color-mix(in srgb, var(--topo-label-color, #f1f5f9) 55%, #64748b);
font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: visible;
text-overflow: ellipsis; text-overflow: clip;
} }
.topo-canvas .react-flow__edge-textbg { .topo-canvas .react-flow__edge-textbg {