From 991431200537c13fccbcac3ac28ccd16ea7f93da Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Sun, 18 Feb 2018 01:46:10 +0100 Subject: [PATCH] fix(select): icons inside option not centered (#9982) 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 15e3b0faae7..10989392280 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 ae214e28efe..f82fcfcac2c 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 {