google / google/material-design-lite
material spec: ripple size on icon buttons
- Dominant language
- HTML
- Stars
- 32.2k
- Forks
- 4.9k
- PR merge metrics
- No merged PRs in 30d
Description
MDL uses very strange values for ripple size within icon button. I've inspected other Material based frameworks and they use all the same values for it. MDL icon button ripples so small so from time to time I've asked myself "What's that?" and "Why it here?".
Though, official guidance has no any word about ripple size, I've created this picture based on "Icon toggles" guidance and the values I got while inspecting MDL and other Material based frameworks.

Blue rect - 24px by 24px, the canonical size of icon in Material Design.
Red rect - 32px by 32px, the size of icon button ripple in MDL.
Green rect - 48px by 48px, the real size for ripple in official docs and all other frameworks.
So, here's the question: Why don't you use normal (big, real, whatever) size of ripple? It's looks and feels more natural.
---
originally from #1864
Contributor guide
Assessment
This issue has not been assessed yet.