fix firefox rtl behavior. closes #179

Maronato · Oct 18, 2021 · d2c322d · d2c322d
1 parent 074ceb8
commit d2c322d
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/src/scss/_toastContainer.scss b/src/scss/_toastContainer.scss
@@ -32,9 +32,13 @@
       .#{$vt-namespace}__toast {
         margin-right: auto;
       }
-      .#{$vt-namespace}__toast--rtl {
-        margin-right: unset;
-        margin-left: auto;
+      // Firefox does not apply rtl rules to containers and margins, it appears.
+      // See https://github.com/Maronato/vue-toastification/issues/179
+      @supports not (-moz-appearance:none) {
+        .#{$vt-namespace}__toast--rtl {
+          margin-right: unset;
+          margin-left: auto;
+        }
       }
     }
 
@@ -44,9 +48,13 @@
       .#{$vt-namespace}__toast {
         margin-left: auto;
       }
-      .#{$vt-namespace}__toast--rtl {
-        margin-left: unset;
-        margin-right: auto;
+      // Firefox does not apply rtl rules to containers and margins, it appears.
+      // See https://github.com/Maronato/vue-toastification/issues/179
+      @supports not (-moz-appearance:none) {
+        .#{$vt-namespace}__toast--rtl {
+          margin-left: unset;
+          margin-right: auto;
+        }
       }
     }