ensure Toasts are always position relative

so they also stack when `inline`. fixes #367
palantir · Jan 5, 2017 · 9d6e077 · 9d6e077
1 parent f7eae4b
commit 9d6e077
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/core/src/components/toast/_toast.scss b/packages/core/src/components/toast/_toast.scss
@@ -202,7 +202,9 @@ $toast-margin: $pt-grid-size * 1.5 !default;
   display: flex;
   align-items: flex-start;
 
-  position: relative;
+  // toasts rely on relative positioning for stacking; override inline overlay styles (#367)
+  // stylelint-disable-next-line declaration-no-important
+  position: relative !important;
   margin: $toast-margin 0 0;
   border-radius: $pt-border-radius;
   box-shadow: $pt-elevation-shadow-3;