From 2a9f9b2508a59a86bb95fe2792468cd837d6c927 Mon Sep 17 00:00:00 2001 From: Kamikaze94 Date: Mon, 19 Oct 2026 23:58:57 +0200 Subject: [PATCH 1/3] WebUI: Change port strip rj45 icon, latch added --- html/index.html | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/html/index.html b/html/index.html index f95c8219..16aecbe9 100644 --- a/html/index.html +++ b/html/index.html @@ -124,9 +124,15 @@ label.row span.lb{width:110px;flex:none;color:var(--fg2);font-size:13px} .port .ps{font-size:9px;color:var(--fg2);display:block;line-height:1.2} .port .jack{ display:block;width:16px;height:10px;margin:2px auto 1px;border-radius:2px; - border:2px solid var(--fg2);border-top-width:4px;opacity:.55; + border:2px solid var(--fg2);border-top-width:6px;opacity:.55;position:relative; } -.port.sfp .jack{width:24px;height:9px;border-top-width:3px} +.port .jack:before {content:""; + position:absolute;bottom:100%;left:50%;transform:translateX(-50%); + width:6px;height:3px;margin-bottom:6px;border-radius: 1px 1px 0 0; + background-color:var(--pc,var(--fg2)); +} +.port.sfp .jack{width:24px;height:9px;border-top-width:4px} +.port.sfp .jack:before {display:none;} .port.up{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 10%,var(--panel2))} .port.up .jack{border-color:var(--pc);opacity:1} .port.up .ps{color:var(--pc);font-weight:600} From 6d539bfb1b79d880cae8ddc802937be990169485 Mon Sep 17 00:00:00 2001 From: Kamikaze94 Date: Tue, 20 Oct 2026 22:46:15 +0200 Subject: [PATCH 2/3] WebUI: Change port strip sfp icon --- html/index.html | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/html/index.html b/html/index.html index 16aecbe9..b1e025d0 100644 --- a/html/index.html +++ b/html/index.html @@ -123,16 +123,19 @@ label.row span.lb{width:110px;flex:none;color:var(--fg2);font-size:13px} .port .pn{font-weight:650;font-size:12px} .port .ps{font-size:9px;color:var(--fg2);display:block;line-height:1.2} .port .jack{ - display:block;width:16px;height:10px;margin:2px auto 1px;border-radius:2px; - border:2px solid var(--fg2);border-top-width:6px;opacity:.55;position:relative; + display:block;width:21px;height:12px;margin:4px auto 2px;border-radius:2px; + border:2px solid var(--fg2);border-top-width:8px;opacity:.55;position:relative; } -.port .jack:before {content:""; +.port .jack:before{content:""; position:absolute;bottom:100%;left:50%;transform:translateX(-50%); - width:6px;height:3px;margin-bottom:6px;border-radius: 1px 1px 0 0; + width:6px;height:5px;margin-bottom:7px;border-radius: 1px 1px 0 0; background-color:var(--pc,var(--fg2)); } -.port.sfp .jack{width:24px;height:9px;border-top-width:4px} -.port.sfp .jack:before {display:none;} +.port.sfp .jack{width:24px;height:16px;margin:0 auto 2px;border-top-width:5px} +.port.sfp .jack:before{ + width:10px;margin-bottom:2px;border-radius:0 0 1px 1px; + background-color:color-mix(in srgb,var(--pc, var(--panel2)) 10%,var(--panel2)); +} .port.up{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 10%,var(--panel2))} .port.up .jack{border-color:var(--pc);opacity:1} .port.up .ps{color:var(--pc);font-weight:600} From 3c00ab0ae98b606300c440389bc8747724d31636 Mon Sep 17 00:00:00 2001 From: Kamikaze94 Date: Thu, 22 Oct 2026 00:40:46 +0200 Subject: [PATCH 3/3] WebUI: Cleanup color settings --- html/index.html | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/html/index.html b/html/index.html index b1e025d0..09627110 100644 --- a/html/index.html +++ b/html/index.html @@ -129,15 +129,14 @@ label.row span.lb{width:110px;flex:none;color:var(--fg2);font-size:13px} .port .jack:before{content:""; position:absolute;bottom:100%;left:50%;transform:translateX(-50%); width:6px;height:5px;margin-bottom:7px;border-radius: 1px 1px 0 0; - background-color:var(--pc,var(--fg2)); + background-color:var(--fg2); } .port.sfp .jack{width:24px;height:16px;margin:0 auto 2px;border-top-width:5px} -.port.sfp .jack:before{ - width:10px;margin-bottom:2px;border-radius:0 0 1px 1px; - background-color:color-mix(in srgb,var(--pc, var(--panel2)) 10%,var(--panel2)); -} +.port.sfp .jack:before{width:10px;margin-bottom:2px;border-radius:0 0 1px 1px;background-color:var(--panel2)} .port.up{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 10%,var(--panel2))} .port.up .jack{border-color:var(--pc);opacity:1} +.port.up .jack:before{background-color:var(--pc)} +.port.up.sfp .jack:before{background-color:color-mix(in srgb,var(--pc) 10%,var(--panel2))} .port.up .ps{color:var(--pc);font-weight:600} .port.dis{opacity:.45;border-style:dashed} .badge{font-size:11px;font-weight:600;border-radius:10px;padding:1px 8px;background:var(--panel2);color:var(--fg2)}