diff --git a/web/navi.css b/web/navi.css index a3d4910..70c9d49 100644 --- a/web/navi.css +++ b/web/navi.css @@ -2252,3 +2252,48 @@ html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer > .nav html[data-theme] body:has(.minimal-home) .navi-footer-host > .navi-footer > .navi-footer-sep:last-of-type { display: none !important; } + +/* ═══ v73:修「切换视图菜单被裁剪」("点了没反应"的真因)+ 按钮去灰底板 ═══ + 实测证据: + ① 祖先链 .navi-view-switch{overflow:hidden} → .navi-dock{overflow:hidden} + ② 菜单开/关像素比对有变化(确实渲染),但中心 elementFromPoint 命中 #dashy + → 面板超出 52×52 按钮盒的部分被裁剪,既看不见也点不到。 + (注意:getBoundingClientRect 不受裁剪影响,所以此前我误判它"可见"。) + ③ 用户看到的那块"方形灰色背景"= 被裁剪后残留的菜单面板碎片。 + 修法:让承载菜单的 .navi-view-switch / .navi-dock 不裁剪,菜单抬到 z-index 1000。 */ +html[data-theme] body .navi-dock, +html[data-theme] body .navi-view-switch { + overflow: visible !important; +} +html[data-theme] body .navi-view-menu { + z-index: 1000 !important; + pointer-events: auto !important; +} + +/* 悬浮按钮:去掉"灰底板",仅悬停/聚焦时给一层圆形淡染(点击不再有方块高亮) */ +html[data-theme] body .navi-view-toggle, +html[data-theme] body .navi-admin-entry, +html[data-theme] body .navi-search-toggle { + background: transparent !important; + border: 0 !important; + box-shadow: none !important; + border-radius: 50% !important; +} +html[data-theme]:not(.navi-dark) body .navi-view-toggle, +html[data-theme]:not(.navi-dark) body .navi-admin-entry, +html[data-theme]:not(.navi-dark) body .navi-search-toggle { color: #475569 !important; } +html[data-theme]:not(.navi-dark) body .navi-view-toggle:hover, +html[data-theme]:not(.navi-dark) body .navi-view-toggle:focus-visible, +html[data-theme]:not(.navi-dark) body .navi-admin-entry:hover, +html[data-theme]:not(.navi-dark) body .navi-admin-entry:focus-visible, +html[data-theme]:not(.navi-dark) body .navi-search-toggle:hover { + background: rgba(100, 116, 139, 0.14) !important; + border-radius: 50% !important; + box-shadow: none !important; +} +html.navi-dark body .navi-view-toggle, +html.navi-dark body .navi-admin-entry, +html.navi-dark body .navi-search-toggle { color: #cbd5e1 !important; } +html.navi-dark body .navi-view-toggle:hover, +html.navi-dark body .navi-admin-entry:hover, +html.navi-dark body .navi-search-toggle:hover { background: rgba(148, 163, 184, 0.18) !important; border-radius: 50% !important; }