Skip to content

Commit 28b1d1e

Browse files
committed
fix firefox rtl behavior. closes #179
1 parent 51f06fc commit 28b1d1e

File tree

1 file changed

+14
-6
lines changed

1 file changed

+14
-6
lines changed

src/scss/_toastContainer.scss

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,13 @@
3131
.#{$vt-namespace}__toast {
3232
margin-right: auto;
3333
}
34-
.#{$vt-namespace}__toast--rtl {
35-
margin-right: unset;
36-
margin-left: auto;
34+
// Firefox does not apply rtl rules to containers and margins, it appears.
35+
// See https://github.com/Maronato/vue-toastification/issues/179
36+
@supports not (-moz-appearance:none) {
37+
.#{$vt-namespace}__toast--rtl {
38+
margin-right: unset;
39+
margin-left: auto;
40+
}
3741
}
3842
}
3943

@@ -43,9 +47,13 @@
4347
.#{$vt-namespace}__toast {
4448
margin-left: auto;
4549
}
46-
.#{$vt-namespace}__toast--rtl {
47-
margin-left: unset;
48-
margin-right: auto;
50+
// Firefox does not apply rtl rules to containers and margins, it appears.
51+
// See https://github.com/Maronato/vue-toastification/issues/179
52+
@supports not (-moz-appearance:none) {
53+
.#{$vt-namespace}__toast--rtl {
54+
margin-left: unset;
55+
margin-right: auto;
56+
}
4957
}
5058
}
5159

0 commit comments

Comments
 (0)