skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Fixes the menu having a wrong margin for the icon in rtl due to the ltr margin not being reset.
This commit is contained in:
Kristiyan Kostadinov
2017-04-26 01:39:55 +02:00
committed by mmalerba
parent d3210e729a
commit ba6b9bb17a
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/core/style/_menu-common.scss
+4 -2
View File
@@ -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;
}
}
}