fix(styles): Dismissible toast cannot be closed

swisspost · Sep 27, 2023 · 95aa0d3 · 95aa0d3
1 parent 7ab7ded
commit 95aa0d3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/spotty-eggs-hunt.md b/.changeset/spotty-eggs-hunt.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Added missing pointer-events to allow a dismissible toast to be closed interactively.
diff --git a/packages/styles/src/mixins/_notification.scss b/packages/styles/src/mixins/_notification.scss
@@ -92,6 +92,7 @@
 @mixin notification-dismissible($size, $close: 'btn-close') {
   $padding-x: map.get(notification.$notification-padding-x-map, $size);
 
+  pointer-events: auto;
   position: relative;
   padding-inline-end: $padding-x + notification.$notification-gap + close.$close-size;