From a2bead912fc5fca84a89b923ccda4555a64fe378 Mon Sep 17 00:00:00 2001 From: HomeDash Bot Date: Sat, 12 Sep 2026 19:00:20 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E9=A1=B5=E8=84=9A=E5=9B=9E=E5=BD=92?= =?UTF-8?q?=E6=96=87=E6=A1=A3=E6=B5=81=EF=BC=88=E7=94=A8=E6=88=B7=E8=A6=81?= =?UTF-8?q?=E6=B1=82=EF=BC=9A=E4=BD=8D=E4=BA=8E=E9=A1=B5=E9=9D=A2=E5=BA=95?= =?UTF-8?q?=E9=83=A8=EF=BC=8C=E8=80=8C=E9=9D=9E=E6=82=AC=E6=B5=AE=E4=BA=8E?= =?UTF-8?q?=E5=BA=95=E9=83=A8=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 实测 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（不再是浮层无需穿透）， 透明/无边框/无模糊保持不变。 --- web/navi.css | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/web/navi.css b/web/navi.css index e318460..b6a010a 100644 --- a/web/navi.css +++ b/web/navi.css @@ -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; }