fix: Fix Notification title word break (ElemeFE#15008)

jack-agency · Apr 17, 2019 · f02a849 · f02a849
1 parent 993e9a1
commit f02a849
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss
@@ -376,7 +376,8 @@ $--notification-shadow: $--box-shadow-light !default;
 $--notification-border-color: $--border-color-lighter !default;
 $--notification-icon-size: 24px !default;
 $--notification-close-font-size: $--message-close-size !default;
-$--notification-group-margin: 13px !default;
+$--notification-group-margin-left: 13px !default;
+$--notification-group-margin-right: 8px !default;
 $--notification-font-size: $--font-size-base !default;
 $--notification-color: $--color-text-regular !default;
 $--notification-title-font-size: 16px !default;

diff --git a/packages/theme-chalk/src/notification.scss b/packages/theme-chalk/src/notification.scss
@@ -23,7 +23,8 @@
   }
 
   @include e(group) {
-    margin-left: $--notification-group-margin;
+    margin-left: $--notification-group-margin-left;
+    margin-right: $--notification-group-margin-right;
   }
 
   @include e(title) {