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

crisbeto · mmalerba · commit fba4a9369c7a · 2018-07-28T21:45:42.000-07:00
Fixes the inset divider on a card in RTL being pushed outside the card.
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;
+      }
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,11 @@ $mat-card-header-size: 40px !default;`
`29`	`29`	`&.mat-divider-inset {`
`30`	`30`	`position: static;`
`31`	`31`	`margin: 0;`
	`32`	`+`
	`33`	`+ [dir='rtl'] & {`
	`34`	+ // Needs to be reset explicitly since the divider set `margin-right` in particular in RTL.
	`35`	`+ margin-right: 0;`
	`36`	`+ }`
`32`	`37`	`}`
`33`	`38`	`}`
`34`	`39`