jianf/HomeDash
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(ui): 页脚最终覆盖移到文件末尾（此前被同优先级规则按级联顺序盖掉）

Browse Source 
v66 实测：重叠已消除（-19/-83px）、底部控件全部可点（命中自身），
但页脚背景仍是 rgba(255,255,255,.55) + blur(14px)、每日一言 height:0 ——
因为 navi.css 里 .navi-footer 有多处重复定义（1016/1447/1515…），
我插在中间的规则被后面同优先级规则覆盖。

本提交把页脚最终形态（透明、无边框/模糊、一行、26px host + 20px footer）
统一追加到文件**末尾**，并给每日一言 display:inline-block + min-height:13px，
确保它参与行盒、有实际高度而不会被裁成 0。
This commit is contained in:
HomeDash Bot
2026-09-12 17:30:51 +08:00
parent cb0f8111d8
commit e84d51f747
1 changed files with 49 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
web/navi.css
View File

@ -2104,3 +2104,52 @@ html.navi-dark body .navi-ws-open:hover {
background-color: rgba(51, 65, 85, .95) !important;
color: #e8eefc !important;
}
/* ═══ 页脚最终覆盖（放在文件末尾，按级联顺序取胜）═══
navi.css 里 .navi-footer 有多处重复定义（1016/1447/1515 …），
插在中间的规则会被后面同优先级规则覆盖（实测：背景仍 rgba(255,255,255,.55)、
blur(14px) 仍在、每日一言被裁到 height:0）。
因此最终形态统一放在文件最末。 */
html[data-theme] .navi-footer-host,
html[data-theme] body .navi-footer-host {
position: fixed !important;
left: 0 !important; right: 0 !important; bottom: 0 !important;
height: 26px !important; max-height: 26px !important; min-height: 0 !important;
display: flex !important; align-items: center !important; justify-content: center !important;
padding: 0 !important; margin: 0 !important;
background: transparent !important; border: 0 !important; border-radius: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
pointer-events: none !important; overflow: visible !important; z-index: 3 !important;
}
html[data-theme] .navi-footer,
html[data-theme] body .navi-footer {
display: inline-flex !important;
align-items: center !important; justify-content: center !important;
gap: 6px !important; flex-wrap: nowrap !important;
width: max-content !important; max-width: calc(100vw - 16px) !important;
height: auto !important; max-height: 20px !important; min-height: 0 !important;
padding: 0 8px !important; margin: 0 auto !important;
background: transparent !important; border: 0 !important; border-radius: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
font-size: 11px !important; line-height: 1.4 !important;
color: #94a3b8 !important; white-space: nowrap !important; overflow: visible !important;
}
html[data-theme] .navi-footer a,
html[data-theme] .navi-footer .navi-footer-sep {
font-size: 11px !important; color: inherit !important; background: transparent !important;
border: 0 !important; text-decoration: none !important;
}
html.navi-dark[data-theme] .navi-footer,
html.navi-dark[data-theme] .navi-footer a,
html.navi-dark[data-theme] .navi-footer .navi-footer-sep { color: #7c8ea6 !important; }
/* 每日一言：作为 inline-block 参与行盒，确保有高度（此前被裁到 0） */
html[data-theme] .navi-footer .navi-quote {
display: inline-block !important;
min-width: 0 !important; flex: 0 1 auto !important;
height: auto !important; min-height: 13px !important; line-height: 1.4 !important;
overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
max-width: 40vw !important; color: #b6c2d2 !important; font-style: italic;
}
html.navi-dark[data-theme] .navi-footer .navi-quote { color: #6b7d95 !important; }