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

fix(ui): 删除 v68 引入的按钮灰底（源头），不再叠加覆盖

Browse Source 
用户反馈：两个悬浮按钮下面都有方形灰色背景，点击时背景还会高亮。
来源即本段（v68 为不再显灰而加的 rgba(255,255,255,0.92) + 描边 + 投影）。
v73 试图改成透明未生效，因为该段选择器 html[data-theme]:not(.navi-dark) .navi-*
特异性 (0,3,1) 高于 v73 的 (0,2,2) —— 又一次被特异性反超。
故直接删除本段，按钮回到既有设计：idle 透明、仅 hover/focus-visible 圆形淡染。
This commit is contained in:
HomeDash Bot
2026-09-12 18:05:05 +08:00
parent b967dd409e
commit c299a666f6
1 changed files with 4 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
web/navi.css
View File

@ -2169,26 +2169,10 @@ html.navi-dark[data-theme] .navi-footer .navi-quote { color: #6b7d95 !important;
/* v69 撤销：v68 的"固定 20px 行盒"使页脚内容溢出 65px、每日一言高度归 0（倒退）。
恢复 v67 的页脚形态（每日一言 13px 可见），只保留下方的按钮底色改良。 */
/* 底部悬浮按钮：中性亮面，不再是"灰块" */
html[data-theme]:not(.navi-dark) .navi-view-toggle,
html[data-theme]:not(.navi-dark) .navi-admin-entry,
html[data-theme]:not(.navi-dark) .navi-search-toggle {
background: rgba(255, 255, 255, 0.92) !important;
border: 1px solid rgba(100, 116, 139, 0.22) !important;
color: #334155 !important;
box-shadow: 0 6px 20px rgba(15, 23, 42, 0.10) !important;
}
html[data-theme]:not(.navi-dark) .navi-view-toggle:hover,
html[data-theme]:not(.navi-dark) .navi-admin-entry:hover,
html[data-theme]:not(.navi-dark) .navi-search-toggle:hover {
background: #ffffff !important;
border-color: rgba(71, 85, 105, 0.34) !important;
}
html[data-theme]:not(.navi-dark) .navi-view-toggle:focus-visible,
html[data-theme]:not(.navi-dark) .navi-admin-entry:focus-visible {
outline: 2px solid rgba(71, 85, 105, 0.55) !important;
outline-offset: 2px !important;
}
/* v75 删除：v68 在此处给三个悬浮按钮加的 0.92 白色底 + 描边 + 投影，
是用户看到的"方形/灰色底板"与"点击高亮"的来源；
其选择器特异性 (0,3,1) 高于后来 v73 想改成透明的 (0,2,2)，所以覆盖不掉。
直接删除本段（源头），按钮回到既有设计：透明、仅 hover/focus 有圆形淡染。 */
/* ═══ v70：真凶修复 —— 同特异性覆盖，让页脚真正横排一行 ═══
实测：.navi-footer 运行时 display=block，4 个子元素纵向堆叠