2.0 KiB
2.0 KiB
@g3soft/ui
| @g3soft/ui |
|---|
| patch |
G3Table:校验态视觉调整 —— 去掉右上角 ! 角标、编辑时底色让位、底色调淡一档。
- 右上角
!角标整体去掉(实际录入反馈):它画的!会压到文字上 —— 右对齐的数字列最明显(数字正好顶在角标下面);而为它让位留出的padding-right: 14px又实打实缩窄了录入区。去掉之后:- 非编辑态的提示只剩浅底,编辑态的提示只剩语义色焦点环 + 红字;
- 顺带删掉三处「给角标让位」的 padding 规则(输入控件 / 展示 span / select 触发器)—— 校验格的内边距现在与普通格完全一致;
- 顺带删掉两条「给角标做定位基准」的
position规则(普通格relative/ 固定列sticky)。那两条曾把固定列库内联的sticky偏移变成普通相对位移,是「错误底色跑到隔壁两列中间」那个 bug 的成因 —— 现在连根消失,td上不再由组件写position。
- 编辑格不再铺校验底色:底色回到基色,校验信号只留语义色焦点环 + 红字(铺着底色时输入区被染色、对比度下降,录入时「看不清」)。判据是编辑器上的
is-cell-editing标记,不是:focus-within—— select 展开时焦点被移进 Teleport 到 body 的浮层,:focus-within会时有时无(焦点环那一节踩过同一个坑)。暗色那两条只覆写background-color的规则也补上了同一个守卫,避免「亮色下编辑时干净、暗色下仍然染色」。 - 底色比例调淡一档(编辑态已不铺底,非编辑态只需够看出差异):亮色 error 12% → 8%、warning 8% → 5%;暗色 error 8% → 6%、warning 6% → 4%。
- 真浏览器 e2e 锁三态:未编辑(铺底、
::after无内容)→ 编辑(基色底、2px 语义色焦点环)→ 换格后恢复;并断言校验格与同列普通格的内边距一致(不再为角标留位)。关掉编辑态守卫该用例会红(实测)。