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

fix(ui): 页脚补宽度约束 + 更正上一提交的根因叙述

Browse Source 
更正：上一提交称 824 行 'display: block' 压制了 flex —— 实际读该行是
  .navi-footer-host > * { pointer-events: auto }
设的是 pointer-events，与 display 无关。真实成因是 **折行**：
页脚宽度实测仅约 192px（内容需约 470px），flex-wrap 生效下折成 3~4 行，
总高约 63px（与 scrollHeight=65 吻合），第 4 行的每日一言被排到 y=743，
超出视口 720 → 不可见。
本版补 width: max-content + max-width: calc(100vw - 24px)，
配合 v70 的 flex-wrap: nowrap，使四个子项落在同一行。
判据仍为 y>=0 且 bottom<=innerHeight（元素有尺寸但位于视口外不算可见）。
This commit is contained in:
HomeDash Bot
2026-09-12 17:47:17 +08:00
parent ab2e514e00
commit 0cd0d253d3
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/navi.css
View File

@ -2196,6 +2196,9 @@ html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
width: max-content !important;
max-width: calc(100vw - 24px) !important;
min-width: 0 !important;
align-items: center !important;
justify-content: center !important;
height: auto !important; min-height: 0 !important; max-height: 20px !important;
@ -2217,3 +2220,10 @@ html[data-theme] body:has(.minimal-home) .navi-footer-host .navi-quote {
overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
line-height: 15px !important; height: auto !important; min-height: 0 !important;
}
/* v71 更正：上方 v70 注释里"display 被压成 block"的判断有误。
824 行那条 body:has(.minimal-home) .navi-footer-host > * 设的是 pointer-events，
不是 display。实测堆叠的成因是 **flex-wrap 折行 + 页脚宽度仅约 192px**
（内容需约 470px）→ 折成 3~4 行、总高约 63px（= scrollHeight 65），
第 4 行的每日一言被排到 y=743（视口 720 之外）因而不可见。
因此修复要点是 flex-wrap:nowrap（v70 已有）+ 宽度 max-content（本版补上）。 */