fix(card): incorrectly inverting inset divider in rtl (#12285)

Fixes the inset divider on a card in RTL being pushed outside the card.
angular · Jul 29, 2018 · fba4a93 · fba4a93
1 parent 34a7e38
commit fba4a93
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/lib/card/card.scss b/src/lib/card/card.scss
@@ -29,6 +29,11 @@ $mat-card-header-size: 40px !default;
     &.mat-divider-inset {
       position: static;
       margin: 0;
+
+      [dir='rtl'] & {
+        // Needs to be reset explicitly since the divider set `margin-right` in particular in RTL.
+        margin-right: 0;
+      }
     }
   }