Skip to content

Commit dbe2539

Browse files
authored
Merge pull request #217 from chatoo2412/fix/margin
Preserve `margin-bottom` of each toasts.
2 parents 9cebfda + a780ab0 commit dbe2539

File tree

2 files changed

+8
-4
lines changed

2 files changed

+8
-4
lines changed

toaster.css

+4-2
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,8 @@ button.toast-close-button {
110110
#toast-container.toast-center > div,
111111
#toast-container.toast-top-center > div,
112112
#toast-container.toast-bottom-center > div{
113-
margin: auto;
113+
margin-left: auto;
114+
margin-right: auto;
114115
pointer-events: auto;
115116
}
116117
#toast-container.toast-center > button,
@@ -167,7 +168,8 @@ button.toast-close-button {
167168
#toast-container.toast-top-full-width > div,
168169
#toast-container.toast-bottom-full-width > div {
169170
width: 96%;
170-
margin: auto;
171+
margin-left: auto;
172+
margin-right: auto;
171173
}
172174
.toast {
173175
background-color: #030303;

toaster.scss

+4-2
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,8 @@ button.toast-close-button {
149149
pointer-events: none;
150150
}
151151
&.toast-center > div, &.toast-top-center > div, &.toast-bottom-center > div {
152-
margin: auto;
152+
margin-left: auto;
153+
margin-right: auto;
153154
pointer-events: auto;
154155
}
155156
&.toast-center > button, &.toast-top-center > button, &.toast-bottom-center > button {
@@ -205,7 +206,8 @@ button.toast-close-button {
205206
}
206207
&.toast-top-full-width > div, &.toast-bottom-full-width > div {
207208
width: 96%;
208-
margin: auto;
209+
margin-left: auto;
210+
margin-right: auto;
209211
}
210212
}
211213

0 commit comments

Comments
 (0)