fix(menu): wrong icon margin in rtl (#4225)

Fixes the menu having a wrong margin for the icon in rtl due to the ltr margin not being reset.
angular · Apr 25, 2017 · ba6b9bb · ba6b9bb
1 parent d3210e7
commit ba6b9bb
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/lib/core/style/_menu-common.scss b/src/lib/core/style/_menu-common.scss
@@ -11,6 +11,7 @@ $mat-menu-overlay-max-width: 280px !default;   // 56 * 5
 $mat-menu-item-height: 48px !default;
 $mat-menu-font-size: 16px !default;
 $mat-menu-side-padding: 16px !default;
+$mat-menu-icon-margin: 16px !default;
 
 @mixin mat-menu-base() {
   @include mat-elevation(8);
@@ -44,10 +45,11 @@ $mat-menu-side-padding: 16px !default;
   }
 
   .mat-icon {
-    margin-right: 16px;
+    margin-right: $mat-menu-icon-margin;
 
     [dir='rtl'] & {
-      margin-left: 16px;
+      margin-left: $mat-menu-icon-margin;
+      margin-right: 0;
     }
   }
 }