fix(inline-notification): add 8px right padding if close button is hi…

…dden (#4873)
carbon-design-system · Dec 16, 2019 · 36b9762 · 36b9762
1 parent 36352fa
commit 36b9762
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/components/src/components/notification/_inline-notification.scss b/packages/components/src/components/notification/_inline-notification.scss
@@ -211,6 +211,11 @@
     }
   }
 
+  .#{$prefix}--inline-notification--hide-close-button
+    .#{$prefix}--inline-notification__action-button.#{$prefix}--btn--ghost {
+    margin-right: $carbon--spacing-03;
+  }
+
   .#{$prefix}--inline-notification__close-button {
     @include focus-outline('reset');
     display: flex;

diff --git a/packages/react/src/components/Notification/Notification.js b/packages/react/src/components/Notification/Notification.js
@@ -499,6 +499,7 @@ export class InlineNotification extends Component {
       {
         [`${prefix}--inline-notification--low-contrast`]: lowContrast,
         [`${prefix}--inline-notification--${kind}`]: kind,
+        [`${prefix}--inline-notification--hide-close-button`]: hideCloseButton,
       },
       className
     );