From e1230fb2f88540941ca6f4adb4adacf0aa5d3f13 Mon Sep 17 00:00:00 2001 From: crisbeto Date: Sun, 23 Apr 2017 19:01:02 +0200 Subject: [PATCH] fix(menu): wrong icon margin in rtl Fixes the menu having a wrong margin for the icon in rtl due to the ltr margin not being reset. --- src/lib/core/style/_menu-common.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/lib/core/style/_menu-common.scss b/src/lib/core/style/_menu-common.scss index d26821c7f242..d13e2ff87f43 100644 --- 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; } } }