search

angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.32k stars 6.73k forks source link

[MatTabs] mat-tab-label width alignment #15864

Open Nodarii opened 5 years ago

Nodarii commented 5 years ago

What is the expected behavior?

Minimal width of .mat-tab-label is aligned with tabs specification

What is the current behavior?

current min-width value is set to 160px for desktop: https://github.com/angular/material2/blob/e66131744a9fa43438d8c91e682a73dec428be7b/src/lib/tabs/_tabs-common.scss#L14

and 72px for mobile: https://github.com/angular/material2/blob/master/src/lib/tabs/tab-nav-bar/tab-nav-bar.scss#L48 https://github.com/angular/material2/blob/master/src/lib/tabs/tab-header.scss#L19

! Specification defines it as 90px (regardless screen size)

What are the steps to reproduce?

Providing a StackBlitz. Make sure app width is greater then $mat-xsmall(599px)

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

latest

jimmykane commented 4 years ago

That is a correct issue. Any update? Should be trivial to change