google / google/material-design-lite

Navigation Drawer metrics

Open
#1,747 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
32.2k
Forks
4.9k
PR merge metrics
No merged PRs in 30d

Description

The navigation drawer elements do not respect the metrics documented in https://www.google.com/design/spec/patterns/navigation-drawer.html

More precisely,
- `.mdl-navigation` has `{ padding-top: 16px }`, should be `{ padding-top: 8px }`
- `.mdl-navigation__link` has `{ padding: 16px 40px; }`, should be `{ padding: 12px 16px; line-height: 24px; }` for respecting 16px margins, 48px maximum height and containing a 24x24 icon.

Thanks

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.