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

fix(ui): 清除 v80 里遗留的全部"页脚 fixed 浮层"规则（共 5 处）

Browse Source 
v80 的 CSS 含有 v77/矮视口/EOF 覆盖等 5 处把 .navi-footer-host 或
footer > .navi-footer 设为 position:fixed 的规则，它们位于文件更靠后、
特异性更高，会把 v87 的 static 改动全部盖掉（用户看到的"又悬浮了"）。
本版在源码处逐条改为静态布局行（flex:0 0 auto + width:100%），
并消除 26px 高度上限；同时把首页 #dashy > footer 的底部内边距清零。
This commit is contained in:
HomeDash Bot
2026-09-12 20:28:29 +08:00
parent 4c61952cf1
commit d327864348
1 changed files with 31 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
web/navi.css
View File

@ -58,6 +58,8 @@ html[data-theme][data-navi-view="workspace"] body > #app {
html[data-theme] #dashy {
min-height: auto !important;
}
/* v88：首页页脚所在的 <footer> 不预留底部内边距（8px 空隙来源） */
html[data-theme] #dashy > footer { padding-bottom: 0 !important; margin-bottom: 0 !important; }
/* Dashy's native filter/settings strip duplicates the portal search and breaks on phones.
原生设置入口（齿轮/铅笔/调色板）与我们的 /admin/ 重复，统一隐藏。 */
@ -804,11 +806,13 @@ html[data-theme] .minimal-home > .item-group-container > .minimal-section-inner
做法：① 去掉胶囊（透明/无边框/无模糊）；② 内容就自然排成一行，不设高度裁切；
③ 用 margin-bottom 在布局里**预留**页脚高度，让内容框不与之重叠。 */
html[data-theme] body:has(.minimal-home) .navi-footer-host {
position: fixed !important;
left: 0 !important; right: 0 !important; bottom: 0 !important;
height: 26px !important; max-height: 26px !important;
display: flex !important; align-items: center !important; justify-content: center !important;
padding: 0 !important; margin: 0 !important;
/* v88：最后一处 fixed 浮层改为静态布局行 */
position: static !important;
left: auto !important; right: auto !important; bottom: auto !important;
flex: 0 0 auto !important; width: 100% !important;
height: auto !important; max-height: none !important;
display: flex !important; align-items: center !important; justify-content: flex-start !important;
padding: 0 0 4px !important; margin: 0 !important;
background: transparent !important; border: 0 !important;
box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
pointer-events: none !important;
@ -2087,13 +2091,13 @@ html.navi-dark body .navi-ws-notice-title {
改成 fixed 后不再撑高页面；搜索栏/按钮组已上移到 bottom:60px，不会相撞。
（workspace 视图本来就是这样处理的。） */
html[data-theme] .navi-footer-host {
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
/* v88：不再用 fixed —— 页脚是 body flex 列的最后一行，本身不撑高页面 */
position: static !important;
flex: 0 0 auto !important;
width: 100% !important;
margin: 0 !important;
padding: 2px !important;
z-index: 880 !important;
padding: 0 0 2px !important;
z-index: auto !important;
pointer-events: auto !important;
}
html[data-theme] .navi-footer {
@ -2151,10 +2155,12 @@ html.navi-dark body .navi-ws-open:hover {
因此最终形态统一放在文件最末。 */
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;
/* v88：由浮层改为"布局中的最后一行"（static），不再 fixed */
position: static !important;
left: auto !important; right: auto !important; bottom: auto !important;
flex: 0 0 auto !important; width: 100% !important;
height: auto !important; max-height: none !important; min-height: 0 !important;
display: flex !important; align-items: center !important; justify-content: flex-start !important;
padding: 0 !important; margin: 0 !important;
background: transparent !important; border: 0 !important; border-radius: 0 !important;
box-shadow: none !important;
@ -2340,17 +2346,20 @@ html.navi-dark body .navi-search-toggle:hover { background: rgba(148, 163, 184,
② workspace 明确 bottom:0 并允许其占位不产生溢出。 */
html[data-theme] body:not(:has(.minimal-home)) > .dashy .navi-footer-host,
html[data-theme] body:not(:has(.minimal-home)) .navi-footer-host {
position: fixed !important;
left: 0 !important; right: 0 !important; bottom: 0 !important;
z-index: 3 !important; margin: 0 !important; padding: 0 !important;
pointer-events: none !important;
/* v88：撤掉 fixed 浮层 —— 用户明确要求"位于页面底部，而不是悬浮" */
position: static !important;
left: auto !important; right: auto !important; bottom: auto !important;
flex: 0 0 auto !important; width: 100% !important;
z-index: auto !important; margin: 0 !important; padding: 0 !important;
pointer-events: auto !important;
}
html[data-theme] body:not(:has(.minimal-home)) .navi-footer-host > .navi-footer { pointer-events: auto !important; }
/* 首页：页脚在 <footer> 内且无 host 包裹 → 直接固定自身 */
html[data-theme] body:not(:has(.minimal-home)) footer > .navi-footer {
position: fixed !important;
left: 0 !important; right: 0 !important; bottom: 0 !important;
z-index: 3 !important; margin: 0 !important;
/* v88：随宿主回到文档流（首页页脚在 Dashy <footer> 内，滚到页面底部可见） */
position: static !important;
left: auto !important; right: auto !important; bottom: auto !important;
z-index: auto !important; margin: 0 !important;
display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
align-items: center !important; justify-content: center !important;
width: 100% !important; max-width: 100vw !important;