修复选中资源工具条出现两条相邻分隔线

- 成因:共享工具条在 showQuickEdit 分支于「快速编辑」后输出一条分隔线,同时为 extraActions 自动生成前置分隔线(extraActionDivider);AGC 资源卡是「快速编辑可用 + 中间动作未接通不渲染」的组合,两条因此相邻
- 修法:样式层去重(相邻的两条只显示一条),不改 JSX 结构,对美术画布与资源画布两端都成立,也不会隐藏任何真正起分隔作用的那一条
- 新增契约用例 selectedLayerToolbarDividerDedupe.test.ts 钉住去重规则与它的成因两端
- 验证:该用例 3 passed;变异验证(删掉去重规则)→ 1 failed,还原后 3 passed
This commit is contained in:
2026-09-12 18:23:02 +08:00
parent 4c180ac29a
commit bb91e8909d
2 changed files with 68 additions and 0 deletions
+12
View File
@@ -5090,6 +5090,18 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
height: 1.125rem;
}
/* 紧挨着的两条分隔线只保留一条
共享工具条会在快速编辑之后输出一条`ImageCanvasSelectedLayerToolbarView.tsx`
showQuickEdit 分支并为 `extraActions` 再自动生成一条前置分隔线
同文件 `extraActionDivider`AGC 资源卡恰好是"快速编辑可用 + 中间那些动作未接通
不渲染"的组合于是这两条直接相邻用户看到两条竖线两条相邻的分隔线在视觉上
本来就没有意义所以在样式层去重不改任何 JSX 结构对两端美术画布与资源画布
都成立也不会隐藏任何真正起分隔作用的那一条 */
.image-canvas-editor__floating-toolbar-divider
+ .image-canvas-editor__floating-toolbar-divider {
display: none;
}
.image-canvas-editor__bottom-toolbar-option-wrap {
display: inline-flex;
}