MDC Simple Menu
See original GitHub issueHey, I was making a template for my web app when I saw that the MDC Simple Menu does not look like the menu from the Material Design guidelines page. On the left we have MDC and on the right we have Material Design guidelines’s menu. It’s actually different in:
- The
font-size
which should be16px
. - The
font-weight
which should be400
. - The
min-width
which should be170px
. - The
letter-spacing
which should be0.05px
. (Should it be more or less than 0.05px? @robzenn92)
And with all these changes, the menu will look exactly like the one on Material Design guidelines page. On the left we have MDC and on the right we have Material Design guidelines’s menu.
Issue Analytics
- State:
- Created 6 years ago
- Reactions:1
- Comments:6 (6 by maintainers)
Top Results From Across the Web
Menus - Material Design
Menus display a list of choices on temporary surfaces. ... Depending on your needs, you can use the Simple Approach: Wrapping MDC Web...
Read more >MDC-Web: Multiple Simple Menu - CodePen
How can I use several simple menu on the same website? · https://material.io/components/web/catalog/menus/ · Console · Editor Commands · Editor Focus · Misc...
Read more >Menus - Material Components for the Web
Menu items can be disabled by adding the mdc-list-item--disabled modifier class (from MDC List). Disabled menu items will be excluded from keyboard navigation....
Read more >material components - MDC-Web: Multiple simple menu
You're using document.querySelector for menu and toggle, but it will return only the first node elements matching “.mdc-simple-menu” and ...
Read more >material-components-web/README.md at master ... - GitHub
Menus. A menu displays a list of choices on a temporary surface. They appear when users interact with a button, action, or other...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Yes it is! I’ll fix it later 😃 I can make a PR but I didn’t because I need the approval of MDC Web developers, then I’ll create the PR 😃
@Touficbatache From the examples you posted, to me it seems that also the letter-spacing it’s a bit different…isn’t it? Do you have a PR for that?