question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hey, 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. mdc2 It’s actually different in:

  1. The font-size which should be 16px.
  2. The font-weight which should be 400.
  3. The min-width which should be 170px.
  4. The letter-spacing which should be 0.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. mdc

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
touficbatachecommented, Jun 4, 2017

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 😃

1reaction
robzenn92commented, Jun 4, 2017

@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?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found