refactor(canvas): 浮层 inset token 体系重建 + 全量应用(审计 D2/P0-2)
#116 曾引入 --canvas-inset-* token,上游合并后丢失。本轮重新建立画布 安全区 token 并全量替换硬编码定位,所有替换值等价(零视觉变化)。 新增 token(globals.css 6b 段,紧随 Elevation): - --canvas-inset-x/y: 16px 浮层水平/垂直安全区 - --canvas-topbar-h: 64px 顶部栏高度 - --canvas-topbar-offset: 72px 顶栏下方浮层顶部偏移 - --canvas-dock-popover-offset: 50px dock 弹出面板底部偏移 替换: - dock 根 inset-x-4/bottom-4 → --canvas-inset-x/y - dock 弹出面板 bottom-[50px] ×4(appearance/add-node/zoom/asset-tray)→ --canvas-dock-popover-offset - 顶栏 h-16/px-4 → --canvas-topbar-h/--canvas-inset-x - 活动任务面板 top-[72px] → --canvas-topbar-offset 活动任务面板 right-3(12px) 刻意保留:与 16px 安全区不同且改它会级联到 --canvas-panel-width 公式(PR #130 领地),不宜混入。
This commit is contained in:
@@ -117,6 +117,13 @@
|
||||
--z-tooltip: 1000; /* L12 提示 */
|
||||
--z-max: 2000; /* L13 最高(紧急通知)*/
|
||||
|
||||
/* --- 6b. Canvas 浮层定位 inset(画布安全区,对应审计 D2/P0-2)--- */
|
||||
--canvas-inset-x: 16px; /* 浮层水平安全区(dock inset、顶栏 px)*/
|
||||
--canvas-inset-y: 16px; /* 浮层垂直安全区(dock 底部)*/
|
||||
--canvas-topbar-h: 64px; /* 顶部栏高度 */
|
||||
--canvas-topbar-offset: 72px; /* 顶栏下方浮层顶部偏移(topbar-h + 8px 间距)*/
|
||||
--canvas-dock-popover-offset: 50px; /* dock 弹出面板底部偏移 */
|
||||
|
||||
/* --- 7. 动效(对应 #99 动效 token)--- */
|
||||
/* duration */
|
||||
--motion-dur-instant: 80ms;
|
||||
|
||||
Reference in New Issue
Block a user