fix(Toast): set the proper close button position when RTL direction is enabled

mrholek · mrholek · commit e7e179c234e8 · 2022-04-26T17:01:43.000+02:00
diff --git a/scss/_toasts.scss b/scss/_toasts.scss
@@ -41,8 +41,10 @@
   @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
 
   .btn-close {
-    margin-right: $toast-padding-x * -.5;
-    margin-left: $toast-padding-x;
+    @include ltr-rtl("margin-right", $toast-padding-x * -.5);
+    @include ltr-rtl("margin-left", $toast-padding-x);
+    // margin-right: $toast-padding-x * -.5;
+    // margin-left: $toast-padding-x;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -41,8 +41,10 @@`
`41`	`41`	`@include border-top-radius(subtract($toast-border-radius, $toast-border-width));`
`42`	`42`
`43`	`43`	`.btn-close {`
`44`		`- margin-right: $toast-padding-x * -.5;`
`45`		`- margin-left: $toast-padding-x;`
	`44`	`+ @include ltr-rtl("margin-right", $toast-padding-x * -.5);`
	`45`	`+ @include ltr-rtl("margin-left", $toast-padding-x);`
	`46`	`+ // margin-right: $toast-padding-x * -.5;`
	`47`	`+ // margin-left: $toast-padding-x;`
`46`	`48`	`}`
`47`	`49`	`}`
`48`	`50`