From e2b8b307cde3d85a68e7731878f99c3b7fd9faa7 Mon Sep 17 00:00:00 2001 From: DAK <40970507+dakahn@users.noreply.github.com> Date: Tue, 18 Jan 2022 16:58:08 -0600 Subject: [PATCH] fix(Notifications): add close icon to HCM media queries (#10447) Co-authored-by: Josh Black Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- .../scss/components/notification/_inline-notification.scss | 3 +++ .../scss/components/notification/_toast-notification.scss | 3 +++ 2 files changed, 6 insertions(+) diff --git a/packages/styles/scss/components/notification/_inline-notification.scss b/packages/styles/scss/components/notification/_inline-notification.scss index c15a9f3c3464..62bd4c20b149 100644 --- a/packages/styles/scss/components/notification/_inline-notification.scss +++ b/packages/styles/scss/components/notification/_inline-notification.scss @@ -324,5 +324,8 @@ .#{$prefix}--inline-notification__icon { @include high-contrast-mode('icon-fill'); } + .#{$prefix}--inline-notification__close-icon { + @include high-contrast-mode('icon-fill'); + } /* stylelint-enable */ } diff --git a/packages/styles/scss/components/notification/_toast-notification.scss b/packages/styles/scss/components/notification/_toast-notification.scss index 8cbeda15645b..bd872e2d5576 100644 --- a/packages/styles/scss/components/notification/_toast-notification.scss +++ b/packages/styles/scss/components/notification/_toast-notification.scss @@ -255,6 +255,9 @@ .#{$prefix}--toast-notification__close-button:focus { @include high-contrast-mode('focus'); } + .#{$prefix}--toast-notification__close-icon { + @include high-contrast-mode('icon-fill'); + } .#{$prefix}--toast-notification__icon { @include high-contrast-mode('icon-fill'); }