跳到主要内容

Toast 带标题(Alert)变体顶部 padding 由 8px 调整为 12px(WEB-1128)

版本: 0.6.4 · 类型: 🐛 Bug 修复

WEB-1128

问题

带标题的 Feedback(Toast)Alert 变体,内容区顶部 padding 为 8px。实际使用场景中标题与卡片顶边距偏紧,呼吸感不足。

此问题是 Web 走查验收时在实际使用场景中发现的,不是还原度问题(开发实现与设计稿一致),因此仅调整实现、不改设计稿。

改动文件

  • packages/design/src/components/Toast/styles.ts
  • packages/design/src/components/Feedbacks/FeedbacksDesignSpec.md
  • packages/design/src/components/Toast/__tests__/Toast.test.tsx

改动内容

  1. TOAST_ROOT_ALERT_CLASS 追加 pt-(--Spacing_12),覆盖根节点公共类 py-(--Spacing_8) 的顶部部分,使 Alert 顶部 padding 为 12px、底部保持 8px。
  2. Message 形态(TOAST_ROOT_MESSAGE_CLASS)及左右/底部 padding 均不变——仅带标题(Alert)变体、仅顶部。