From 983951c3071a737a703f3c8293c2ff7d41fa7a16 Mon Sep 17 00:00:00 2001 From: crisbeto Date: Fri, 16 Feb 2018 14:52:30 +0100 Subject: [PATCH] fix(select): icons inside option not centered Fixes `mat-icon` instances inside a `mat-option` not being centered vertically. Fixes #9978. --- src/lib/core/style/_menu-common.scss | 1 + src/lib/menu/menu.scss | 4 ---- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/src/lib/core/style/_menu-common.scss b/src/lib/core/style/_menu-common.scss index 15e3b0faae78..109893922801 100644 --- 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 index ae214e28efe5..f82fcfcac2c7 100644 --- 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 {