fix(webui): 宽屏也同步折叠策略 —— 头部与回复框默认收起(正文 48% → 90%)
用户(2026-09-14):「我发现宽屏布局也有邮件内容显示区域过小的问题, 宽屏也同步窄屏的折叠策略吧」。 上一版是「窄屏默认收起 / 宽屏恒展开」,理由是「宽屏横向空间够、不该引入多余 点击」。那条理由只看了**横向**:实测 1280x800 下详情栏里头部 139px(17%)、 回复框 246px(31%),留给正文的只剩 385px(48%)—— 竖向一样不够用。 改法:两种宽度用同一套默认值(收起),点标题行 / 悬浮球展开。 - CollapsibleHeader:useState(false),toggle 不再以 narrow 为条件,展开箭头常显; - ReplyBar:收起态恒为悬浮球(原来只有窄屏才收),「收起」按钮宽窄都有, autoFocus 不再以 narrow 为条件; - MailView 两个根节点补 relative —— 否则宽屏下 `absolute` 会一路找到视口, 悬浮球会挂到窗口右下角而不是这块详情栏里。 实测(真浏览器量盒子,1280x800,同一封正文撑满的长信): 头部 139 → 48px,回复框 246 → 0(收起为球),正文 385 → 722px(占视口 48% → 90%); 点标题展开 / 点球开输入框(带焦点)/「收起」收回,三条都通。 窄屏 390x844 同项通过,横向溢出 0。 判据:narrow-layout 里三条旧判据钉的是「窄屏专属」,已改成钉「宽窄同一套」, 并新增两条(折叠分支里不得再有 `narrow &&`;悬浮球必须锚在详情栏内)。 wide-regression 补 6 条宽屏实测 —— 此前宽屏的折叠行为**一条判据都没有**, 这正是它坏掉而没人发现的原因。 已知遗留(另行报告,本次未改):窄屏上回复框展开后,第一次点它上面的按钮 (抄送 / 回复全部 / 收起)会被吞掉 —— 焦点离开 textarea 会让 .form-editing 失效、底部导航重新占位 71px,按钮在 mousedown 与 mouseup 之间从指针下移走, click 目标退化成公共祖先。HEAD 上已存在,与本次改动无关。
This commit is contained in:
@ -58,7 +58,7 @@ for (const must of ['配对/解析', 'allow-list', '变异验证', '剥掉注释
|
||||
|
||||
const SUITE = [
|
||||
['test/markdown-xss.test.mjs', [], 9],
|
||||
['test/narrow-layout.test.mjs', [], 52],
|
||||
['test/narrow-layout.test.mjs', [], 54],
|
||||
['test/nav-merge.test.mjs', [], 8],
|
||||
['test/theme.test.mjs', [], 30],
|
||||
['test/background.test.mjs', [], 42],
|
||||
|
||||
Reference in New Issue
Block a user