Fix topology chain order and inspector SFP port width

Topology:
- Correct series layout: UDM-Pro → USW-Agg → Pro 24 PoE (not a fork)
- Remove CSS fork divs, replace with straight vertical connectors
- Labels: WAN · 10G SFP+ (UDM→Agg), 10G trunk (Agg→PoE)
- Remove ISL from legend (no parallel switch pair)

Inspector:
- Fix USW-Agg port blocks appearing narrower than other switches
- SFP ports in rows now use same width (34px) as copper ports;
  all-SFP switches like USL8A no longer look undersized

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-14 22:42:38 -04:00
parent e8314b5ba3
commit 2c67944b4b
2 changed files with 39 additions and 39 deletions

View File

@@ -1076,9 +1076,9 @@ a:hover { text-decoration: underline; text-shadow: var(--glow-amber); }
letter-spacing: 0;
}
/* SFP port (in rows — slightly narrower to suggest cage) */
/* SFP port (in rows)width overridden to 34px further down */
.switch-port-block.sfp-port {
width: 28px;
width: 34px;
height: 38px;
font-size: .55em;
}
@@ -2006,9 +2006,10 @@ a:hover { text-decoration: underline; text-shadow: var(--glow-amber); }
letter-spacing: .04em;
border-left-width: 3px;
}
/* SFP port in rows */
/* SFP port in rows — same width as copper ports so all-SFP switches
(e.g. USW-Agg / USL8A) don't appear narrower than other switches */
.switch-port-block.sfp-port {
width: 26px;
width: 34px;
height: 40px;
font-size: .55em;
border-left-width: 2px;