search

angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.28k stars 6.71k forks source link

Menu items always use the max-width for mobile screen sizes #7089

Open jelbourn opened 6 years ago

jelbourn commented 6 years ago

It looks like the by default the menu has a max-width of 280px https://github.com/angular/material2/blob/6f5dcd541034f7e11585d0d45b1372c45683c818/src/lib/core/style/_menu-common.scss#L9

This seems to come from the spec specifying this as the maximum width for mobile devices: https://material.io/guidelines/components/menus.html#menus-simple-menus

We should use a larger max-width for desktop.

donroyco commented 6 years ago

@jelbourn Is the width for desktop somewhere documented? Or is a width for desktop already set somewhere?

jelbourn commented 6 years ago

Nope. We probably have to make one up.

donroyco commented 6 years ago

What about setting it to 7.5 times the 56px = 420px?