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

fix(ui): 页脚回归文档流（用户要求：位于页面底部，而非悬浮于底部）

Browse Source 
实测 v80：三视图 .navi-footer-host/.navi-footer 均 position:fixed + z-index:3，
是永远贴住视口、盖在内容之上的悬浮层（/workspace 还因此底部出血 8px）。
用户明确要求页脚应是**页面底部的内容**，滚到最底才出现，不悬在内容上。

改动：host 与 .navi-footer 一律 position:static（回到正常文档流），
取消 z-index、取消为固定页脚预留的 margin-bottom(26/40px)，
pointer-events 恢复 auto（不再是浮层无需穿透），
透明/无边框/无模糊保持不变。
This commit is contained in:
HomeDash Bot
2026-09-12 19:00:20 +08:00
parent e3770cd10a
commit a2bead912f
1 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/navi.css
View File

@ -2429,3 +2429,34 @@ html[data-theme] body:not(:has(.minimal-home)) footer > .navi-footer > a:nth-of-
html[data-theme] body .navi-footer > .navi-quote:nth-last-of-type(2) { grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; }
html[data-theme] body .navi-footer > .navi-quote:last-of-type { grid-column: 2 !important; grid-row: 2 !important; justify-self: end !important; }
html[data-theme] .navi-footer { grid-template-rows: auto auto !important; grid-auto-rows: 0 !important; }
/* ═══ v81：页脚回归文档流（用户：应在页面底部，不是悬浮于底部）═══
实测 v80：三视图的 .navi-footer-host / .navi-footer 均为 position:fixed + z-index:3，
属于"永远贴在视口上、盖在内容之上"的悬浮层；/workspace 还因此底部出血 8px。
改为文档流底部内容：
- position: static（回到正常流）→ 内容自然排列，滚动到页面最底才可见；
- 不再需要为它预留固定高度（去掉 margin-bottom 预留）；
- pointer-events 恢复 auto（不再是浮层，无需穿透）。 */
html[data-theme] body:has(.minimal-home) .navi-footer-host,
html[data-theme] body:not(:has(.minimal-home)) .navi-footer-host,
html[data-theme] .navi-footer-host {
position: static !important;
left: auto !important; right: auto !important; bottom: auto !important;
z-index: auto !important;
margin: 0 !important; padding: 0 !important;
pointer-events: auto !important;
width: 100% !important;
height: auto !important; max-height: none !important;
background: transparent !important; border: 0 !important; box-shadow: none !important;
backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
overflow: visible !important;
}
html[data-theme] body:not(:has(.minimal-home)) footer > .navi-footer,
html[data-theme] .navi-footer {
position: static !important;
left: auto !important; right: auto !important; bottom: auto !important;
z-index: auto !important;
}
/* 页脚不再是浮层 → 取消为其预留的底部空间 */
html[data-theme] .minimal-home > .item-group-container { margin-bottom: 0 !important; }
html[data-theme] body:has(.minimal-home) .minimal-section-inner { padding-bottom: 8px !important; }