fix(layout): 矮视口下备案号移出文档流,彻底修掉 minimal 纵向滚动
实测:仅压缩内边距后 .navi-footer-host 仍有 37px 高且在 flow 中, 900x520 下 minimal 的 scrollH=536 > viewH=520(溢出 16px)。 改为 position:fixed 后不再撑高页面;搜索栏与按钮组已在 bottom:60px,不会相撞。 workspace 视图原本就是这样处理。 同时记录另一处误判:矩阵里"900x520 失去深色"是我等待不足(2s)抢在 navi.js 应用主题前测量所致;复测 mq=true/navi-dark 均已生效,深色无问题。
This commit is contained in:
12
web/navi.css
12
web/navi.css
@ -1789,8 +1789,20 @@ html.navi-dark body .navi-ws-notice-title {
|
||||
只对"矮窗口"收紧:缩小内边距/字号并禁止换行(矮窗口通常较宽,不会横向溢出)。
|
||||
高窗口与移动端不受影响。 */
|
||||
@media (max-height: 560px) {
|
||||
/* 关键:矮视口下把备案号移出文档流。
|
||||
实测:仅压缩内边距后 .navi-footer-host 仍有 37px 高度且在 flow 里,
|
||||
页面被顶高 16px(minimal 900x520 scrollH 536 > viewH 520)。
|
||||
改成 fixed 后不再撑高页面;搜索栏/按钮组已上移到 bottom:60px,不会相撞。
|
||||
(workspace 视图本来就是这样处理的。) */
|
||||
html[data-theme] .navi-footer-host {
|
||||
position: fixed !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 2px !important;
|
||||
z-index: 880 !important;
|
||||
pointer-events: auto !important;
|
||||
}
|
||||
html[data-theme] .navi-footer {
|
||||
margin: 4px auto 0 !important;
|
||||
|
||||
Reference in New Issue
Block a user