fix: add fix for buttons not changing position in RTL in IE11 (#1933)

SAP · Dec 3, 2020 · cfbc72a · cfbc72a
1 parent 0a1fcad
commit cfbc72a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/badge.scss b/src/badge.scss
@@ -23,7 +23,7 @@ $block: #{$fd-namespace}-badge;
   z-index: 10;
 
   @include fd-rtl() {
-    right: initial;
+    right: auto;
     left: 0.5rem;
   }
 }
diff --git a/src/tile.scss b/src/tile.scss
@@ -459,7 +459,7 @@ $fd-line-tile-badge-horizontal-spacing: 0.375rem !default;
       right: $fd-tile-toggle-button-position;
 
       @include fd-rtl() {
-        right: initial;
+        right: auto;
         left: $fd-tile-toggle-button-position;
       }
 
@@ -636,7 +636,7 @@ $fd-line-tile-badge-horizontal-spacing: 0.375rem !default;
       z-index: 5;
 
       @include fd-rtl() {
-        right: initial;
+        right: auto;
         left: $fd-tile-close-button-position;
       }
 
@@ -676,9 +676,9 @@ $fd-line-tile-badge-horizontal-spacing: 0.375rem !default;
       z-index: 5;
 
       @include fd-rtl() {
-        right: initial;
+        right: auto;
         left: 0;
-        margin-right: initial;
+        margin-right: auto;
         margin-left: $fd-tile-action-indicator-offset;
       }
 
@@ -913,6 +913,8 @@ $fd-line-tile-badge-horizontal-spacing: 0.375rem !default;
       @include fd-rtl() {
         margin-left: $fd-line-tile-badge-horizontal-spacing;
         margin-right: 0;
+        left: 0;
+        right: 0;
       }
     }
   }