From 26b3bac329a985a5c9833a70026dba4918705919 Mon Sep 17 00:00:00 2001 From: HomeDash Bot Date: Sat, 12 Sep 2026 17:56:56 +0800 Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E9=A1=B5=E8=84=9A=E5=B7=A6?= =?UTF-8?q?=E5=8F=B3=E5=88=86=E6=A0=8F=E2=80=94=E2=80=94=E5=A4=87=E6=A1=88?= =?UTF-8?q?=E5=8F=B7=E9=9D=A0=E5=B7=A6=E5=B9=B6=E5=88=97=E3=80=81=E6=AF=8F?= =?UTF-8?q?=E6=97=A5=E4=B8=80=E8=A8=80=E9=9D=A0=E5=8F=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 需求(用户):备案号并列在左侧,一言在右侧。 结构不变(备案 A / sep / 公安备案 A / sep / .navi-quote),用 .navi-quote { margin-left: auto } 把一言推到右端,其余靠左排列; 宽度改为 100%(上限 calc(100vw - 32px))以便两端分布。 隐藏紧邻一言的那条分隔符(左右分栏后不再需要)。 沿用 v71 的同特异性选择器,避免被中间重复定义覆盖。 --- web/navi.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/web/navi.css b/web/navi.css index de1498c..a3d4910 100644 --- a/web/navi.css +++ b/web/navi.css @@ -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; +}