fix(select): icons inside option not centered (#9982)

Fixes `mat-icon` instances inside a `mat-option` not being centered vertically. Fixes #9978.
angular · Feb 20, 2018 · 7c123b8 · 7c123b8
1 parent a9c21b6
commit 7c123b8
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/src/lib/core/style/_menu-common.scss b/src/lib/core/style/_menu-common.scss
@@ -48,6 +48,7 @@ $mat-menu-icon-margin: 16px !default;
 
   .mat-icon {
     margin-right: $mat-menu-icon-margin;
+    vertical-align: middle;
 
     [dir='rtl'] & {
       margin-left: $mat-menu-icon-margin;

diff --git a/src/lib/menu/menu.scss b/src/lib/menu/menu.scss
@@ -37,10 +37,6 @@ $mat-menu-submenu-indicator-size: 10px !default;
   @include mat-button-reset();
   @include mat-menu-item-base();
   position: relative;
-
-  .mat-icon {
-    vertical-align: middle;
-  }
 }
 
 .mat-menu-item-submenu-trigger {