From 16f50a617dc01fb1559f4a7d5d356af0263b7a1f Mon Sep 17 00:00:00 2001 From: Jen Downs Date: Mon, 16 Dec 2019 17:46:09 -0600 Subject: [PATCH] fix(inline-notification): add 8px right padding if close button is hidden (#4873) --- .../src/components/notification/_inline-notification.scss | 5 +++++ packages/react/src/components/Notification/Notification.js | 1 + 2 files changed, 6 insertions(+) diff --git a/packages/components/src/components/notification/_inline-notification.scss b/packages/components/src/components/notification/_inline-notification.scss index 5c3ad80693c1..4cd45362100f 100644 --- 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 index 1d7632b42f04..7fc482b31643 100644 --- 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 );