Repository navigation
v1.18.2
v1.18.2 — UI 一致性/响应式审计修复
发布日期: 2026-11-10
定位: 全维度 UI 审查(3 tab × 3 视口 DOM 断言 + vision 走查)后的统一性修复。
修复清单
色彩统一
- 清除 LuCI cbi 按钮色入侵:页内按钮(自动切换「开启」/「更新识别库」/「添加」)统一为自有
.ns-btn-act(描边 + --ok 语义绿),页面绿色收敛为单一 --ok (#0b7f6c);
弹层内按钮保留 LuCI modal 语言(全站弹层一致性优先) - #d35400(warn 橙) 等 4 处确认语义色,保留
字号收敛
- .netsteer-mask 的 .92em 浮点脏字号 (11.04px ×9) → 固定 var(--fs-sm,12px)
- 全页字号收敛为 13/12/14/26 四档
移动端触控 (max-width:640px)
- minibtn/ns-btn-act 触控热区 ≥36px(审计实测 <32px 违规 6→0)
- 徽章 max-width 防溢出
布局防挤
- 卡头 flex-wrap:P2P 直通标题不再断词("Fullcone 等/效")
- P2P 徽章 IP 尾段缩写(已开启 · …11.175),徽章不再折两行
- 卡片间距统一 14px→16px
状态呈现
- 「识别到:」空灰条不再在"正在观察"态渲染(有识别结果才显示,杜绝空壳)
验证
- 单测 core 302 (+p2p 短 IP 断言) / sense 21 / qos-awk 9 / feed 11 / tune 15
- e2e 15 ALL GREEN
- 三视口 DOM 复测:溢出 0、触摸违规 0、色彩/字号收敛达标
v1.18.2 — UI Consistency / Responsive Audit Fixes
Positioning: uniformity fixes after a full-dimension UI review (3 tabs × 3 viewports DOM assertions + vision walkthrough).
Fix list
Color unification
- Cleared LuCI cbi button-color intrusion: in-page buttons (auto-switch "on" / "update library" / "add") unified to the in-house
.ns-btn-act(outline + --ok semantic green); page greens converge to a single --ok (#0b7f6c); modal buttons keep the LuCI modal language (site-wide modal consistency first) - #d35400 (warn orange) + 3 others confirmed semantic, kept
Font-size convergence
- .netsteer-mask's .92em dirty fractional size (11.04px ×9) → fixed var(--fs-sm,12px)
- Whole page converges to four sizes: 13/12/14/26
Mobile touch targets (max-width:640px)
- minibtn/ns-btn-act touch area ≥36px (audit-measured violations 6→0)
- Badge max-width overflow guard
Layout anti-squeeze
- Card heads flex-wrap: P2P title no longer breaks mid-word
- P2P badge shortens the IP tail (on · …11.175), no longer wraps to two lines
- Card gaps unified 14px→16px
State presentation
- The "recognized:" empty gray bar no longer renders in the "observing" state (only with real results — no empty shells)
Verification
- Unit: core 302 (+p2p short-IP assertion) / sense 21 / qos-awk 9 / feed 11 / tune 15
- E2E 15 ALL GREEN
- Three-viewport DOM re-check: 0 overflows, 0 touch violations, color/size targets met
Download the .apk matching your device architecture (check /etc/apk/arch on the router).
Install (OpenWrt 24.10+/25.12):
apk add --allow-untrusted /tmp/luci-app-netsteer-*.apk
Built automatically by CI from this tag — unit tests + 4-arch build matrix.
Every package is verified with apk verify before it is attached.