fix(ui): preserve readable camera labels in fullscreen
This commit is contained in:
@@ -8,6 +8,7 @@
|
||||
- 网络拓扑新增可缩放、可点击的 Vue SVG 连接图;支持鼠标和键盘进入设备档案。只绘制已登记且通过现有层级校验的连接,不推测未确认的布线。
|
||||
- 手机端使用单列卡片、可收起的布局设置和触控表单;弹窗保留可滚动内容与可见保存按钮。
|
||||
- 保留个人配色、顶部或侧边导航、内容疏密及标题字体偏好;修正深色主题的按钮对比度。
|
||||
- 全屏监控使用独立的深色工具栏与名称底色,避免浅色后台样式影响名称可读性。
|
||||
- 图表在浏览器中绘制,不增加外部图表服务或新的后端数据采集。继续复用现有监控播放器。
|
||||
|
||||
## 验证
|
||||
|
||||
Vendored
+4
@@ -163,6 +163,10 @@ dialog h2 { font-size: 22px !important; }
|
||||
.steward-tile strong { font-size: 19px !important; }
|
||||
.steward-tile:hover { border-color: #9dbab0 !important; box-shadow: 0 8px 22px #223d5016 !important; }
|
||||
.journal-card { border-radius: 14px; box-shadow: var(--ui-shadow); }
|
||||
#page-live:is(:fullscreen,.wall-expanded) .camera-meta { background: #172e35 !important; color: #e8f3ef !important; }
|
||||
#page-live:is(:fullscreen,.wall-expanded) .camera-meta strong { color: #e8f3ef !important; }
|
||||
#page-live:is(:fullscreen,.wall-expanded) .wall-toolbar { background: #172e35 !important; border-color: #45616a !important; }
|
||||
#page-live:is(:fullscreen,.wall-expanded) .form-select { background-color: #213b44 !important; color: #e8f3ef !important; border-color: #64818b !important; }
|
||||
main > footer { color: var(--ui-muted); font-size: 10px; }
|
||||
html[data-density="compact"] .home-insights > article { padding: 18px; }
|
||||
html[data-density="compact"] .home-cover { height: 165px; }
|
||||
|
||||
@@ -35,6 +35,7 @@ test('Bootstrap polish keeps readable light and dark foregrounds and avoids remo
|
||||
assert.doesNotMatch(polish,/@import|https?:|@font-face/);
|
||||
assert.match(polish,/prefers-reduced-motion/);
|
||||
assert.match(polish,/home-options-open/);
|
||||
assert.match(polish,/#page-live:is\(:fullscreen,\.wall-expanded\) \.camera-meta \{[^}]+background: #172e35 !important; color: #e8f3ef !important/);
|
||||
});
|
||||
test('primary text, muted text and actions have at least 4.5:1 contrast', () => {
|
||||
for (const [fg, bg] of [
|
||||
|
||||
File diff suppressed because one or more lines are too long
+2
-2
@@ -1,3 +1,3 @@
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#244d43"><link rel="icon" href="/zhao-icon.png"><link rel="apple-touch-icon" href="/zhao-icon.png"><title>赵府 · 智能数字管家</title> <script type="module" crossorigin src="/ui/assets/index-o65u4RF8.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/ui/assets/index-Cz0ATgF_.css">
|
||||
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#244d43"><link rel="icon" href="/zhao-icon.png"><link rel="apple-touch-icon" href="/zhao-icon.png"><title>赵府 · 智能数字管家</title> <script type="module" crossorigin src="/ui/assets/index-DuGUtT0D.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/ui/assets/index-XTjkr4dE.css">
|
||||
</head><body><div id="app"></div></body></html>
|
||||
|
||||
Reference in New Issue
Block a user