search

googlearchive / paper-tabs

A tabs à la Material Design
22 stars 21 forks source link

Contents of paper-tabs not centered when they could be #49

Open ScalaWilliam opened 9 years ago

ScalaWilliam commented 9 years ago

On a small screen I have a few tabs that contain paper-icon-buttons. But when there are too many of these tabs, even though the icons could be centered, they are actually shifted a bit to the right due to padding inside paper-tab. Solution would be to properly center the contents of the paper-tab, because it appears to me that they are centered only when there is enough width available after the left padding has happened.

Here's a test case with descriptions to explain myself better: http://embed.plnkr.co/heyePyGBRprl8JsMJRFx/preview

center-problem

frankiefu commented 9 years ago

There is a scrollable property to make the tabs scrollable for large number of tabs and they can't all fit inside the screen. https://www.polymer-project.org/components/paper-tabs/demo.html

ScalaWilliam commented 9 years ago

That's not the desired behaviour. The screen is wide enough to show 6 tabs nicely, without scrolling. I'm not talking 10 tabs where 6 can fit.

frankiefu commented 9 years ago

There is some default paddings and margins added by the paper-icon-button and tab. If you remove those that should help. http://jsbin.com/joxoxagebi/1/edit