Merge pull request #217 from chatoo2412/fix/margin

Preserve `margin-bottom` of each toasts.
jirikavi · Jan 18, 2019 · dbe2539 · dbe2539
2 parents 9cebfda + a780ab0
commit dbe2539
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/toaster.css b/toaster.css
@@ -110,7 +110,8 @@ button.toast-close-button {
 #toast-container.toast-center > div,
 #toast-container.toast-top-center > div,
 #toast-container.toast-bottom-center > div{
-  margin: auto;
+  margin-left: auto;
+  margin-right: auto;
   pointer-events: auto;
 }
 #toast-container.toast-center > button,
@@ -167,7 +168,8 @@ button.toast-close-button {
 #toast-container.toast-top-full-width > div,
 #toast-container.toast-bottom-full-width > div {
   width: 96%;
-  margin: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 .toast {
   background-color: #030303;

diff --git a/toaster.scss b/toaster.scss
@@ -149,7 +149,8 @@ button.toast-close-button {
     pointer-events: none;
   }
   &.toast-center > div, &.toast-top-center > div, &.toast-bottom-center > div {
-    margin: auto;
+    margin-left: auto;
+    margin-right: auto;
     pointer-events: auto;
   }
   &.toast-center > button, &.toast-top-center > button, &.toast-bottom-center > button {
@@ -205,7 +206,8 @@ button.toast-close-button {
   }
   &.toast-top-full-width > div, &.toast-bottom-full-width > div {
     width: 96%;
-    margin: auto;
+    margin-left: auto;
+    margin-right: auto;
   }
 }