New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

<mat-table>'s '.mat-cell' should use font-size of body-2 instead of body-1 #15657

Open

ienzam opened this issue Mar 29, 2019 · 1 comment

Labels

area: material/table P4

Contributor

ienzam commented Mar 29, 2019

What is the expected behavior?

.mat-cell should be using mat-font-size of body-2 according to Material guideline.

What is the current behavior?

.mat-cell is using mat-font-size of body-1

What are the steps to reproduce?

https://stackblitz.com/angular/nanbxaqxqyd

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

All

Is there anything else we should know?

Material guideline:
https://material.io/design/components/data-tables.html#specs (mat-cell has 14dp)
https://material.io/design/typography/the-type-system.html (body-2 is 14dp, body-1 is 16dp)

Code in question: https://github.com/angular/material2/blob/master/src/lib/table/_table-theme.scss#L45

andrewseguin added the P4 label

Contributor

Totati commented Jan 24, 2020

MatHeaderCell uses wrong font-size too, causing the header text being small.

andrewseguin added the area: material/table label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment