fix(menu): incorrect panel max height

Fixes the menu panel having a wrong `max-height` and uses a variables to reduce it, instead of a hardcoded value. Fixes #2725.
angular · Apr 22, 2017 · dbfb260 · dbfb260
1 parent 66e65c4
commit dbfb260
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/src/lib/menu/menu.scss b/src/lib/menu/menu.scss
@@ -11,9 +11,7 @@ $mat-menu-vertical-padding: 8px !default;
 .mat-menu-panel {
   @include mat-menu-base();
   @include mat-menu-positions();
-
-  // max height must be 100% of the viewport height + one row height
-  max-height: calc(100vh + 48px);
+  max-height: calc(100vh - #{$mat-menu-item-height});
 
   @include cdk-high-contrast {
     outline: solid 1px;