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

feat(ui): 页脚左右分栏——备案号靠左并列、每日一言靠右

Browse Source 
需求（用户）：备案号并列在左侧，一言在右侧。
结构不变（备案 A / sep / 公安备案 A / sep / .navi-quote），用
.navi-quote { margin-left: auto } 把一言推到右端，其余靠左排列；
宽度改为 100%（上限 calc(100vw - 32px)）以便两端分布。
隐藏紧邻一言的那条分隔符（左右分栏后不再需要）。
沿用 v71 的同特异性选择器，避免被中间重复定义覆盖。
This commit is contained in:
HomeDash Bot
2026-09-12 17:56:56 +08:00
parent 0cd0d253d3
commit 26b3bac329
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web/navi.css
View File

@ -2227,3 +2227,28 @@ html[data-theme] body:has(.minimal-home) .navi-footer-host .navi-quote {
（内容需约 470px）→ 折成 3~4 行、总高约 63px（= scrollHeight 65），
第 4 行的每日一言被排到 y=743（视口 720 之外）因而不可见。
因此修复要点是 flex-wrap:nowrap（v70 已有）+ 宽度 max-content（本版补上）。 */
/* ═══ v72：页脚左右分栏 —— 备案号靠左并列，每日一言靠右 ═══
结构固定（.navi-footer 内：备案 A、sep、公安备案 A、sep、.navi-quote），
不改 DOM，用 margin-left:auto 把一言推到右端，其余靠左排列。
与 v71 同特异性选择器，确保压过中间那些重复定义。 */
html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer {
width: 100% !important;
max-width: calc(100vw - 32px) !important;
justify-content: flex-start !important;
padding: 0 !important;
gap: 6px !important;
}
html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer > a:first-child {
margin-left: 0 !important;
}
html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer > .navi-quote {
margin-left: auto !important;
padding-left: 10px !important;
text-align: right !important;
max-width: 46vw !important;
}
/* 一言与备案之间那条多余的分隔符在右栏布局下不再需要视觉分隔 */
html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer > .navi-footer-sep:last-of-type {
display: none !important;
}