You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Size is calculated from base of 12px by dividing with 2. I think small should not be half that big but maybe just 10%. But 6px is definitely not usable. And maybe the badge itself could be 2times smaller but the font-size may not be reduced that much.
What are the steps to reproduce?
Create a matBadge with matBadgeSize=small
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
The large size doesn't look good either imo. If the badge contains two digits, they overflow. This is a pretty common use case. https://stackblitz.com/edit/angular-upbq3s
What is the expected behavior?
MatBadgeSize=small creates a readable result
What is the current behavior?
MatBadgeSize=small is too small
Size is calculated from base of 12px by dividing with 2. I think small should not be half that big but maybe just 10%. But 6px is definitely not usable. And maybe the badge itself could be 2times smaller but the font-size may not be reduced that much.
What are the steps to reproduce?
Create a matBadge with matBadgeSize=small
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Is there anything else we should know?
The text was updated successfully, but these errors were encountered: