Browse Source

fix: Fix Notification title word break (#15008)

iamkun 6 years ago
parent
commit
f02a849444

+ 2 - 1
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-border-color: $--border-color-lighter !default;
 $--notification-icon-size: 24px !default;
 $--notification-icon-size: 24px !default;
 $--notification-close-font-size: $--message-close-size !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-font-size: $--font-size-base !default;
 $--notification-color: $--color-text-regular !default;
 $--notification-color: $--color-text-regular !default;
 $--notification-title-font-size: 16px !default;
 $--notification-title-font-size: 16px !default;

+ 2 - 1
packages/theme-chalk/src/notification.scss

@@ -23,7 +23,8 @@
   }
   }
 
 
   @include e(group) {
   @include e(group) {
-    margin-left: $--notification-group-margin;
+    margin-left: $--notification-group-margin-left;
+    margin-right: $--notification-group-margin-right;
   }
   }
 
 
   @include e(title) {
   @include e(title) {