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
{{ message }}
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.
Using the following with Polymer 1.0.x, I find that the links will not be centered both vertically and horizontally as one would expect
<paper-tabs id="tabs">
<paper-tab link class="horizontal center-center layout"><a href="#one">One</a></paper-tab>
<paper-tab link class="horizontal center-center layout"><a href="#two">Two</a></paper-tab>
<paper-tab link class="horizontal center-center layout"><a href="#three">Three</a></paper-tab>
<paper-tab link class="horizontal center-center layout"><a href="#four">Four</a></paper-tab>
</paper-tabs>
(taken from the provided example, of course)
When inspecting the anchor element, I find that within paper-tab.html you specify that the height of the link must be 100%. Removing/Overriding that I managed to at least make it center vertically. However, it will not center horizontally unless you also add a text-align: center style to the stylesheet, e.g.
Removing the height property and adding text-align as depicted above will properly align the anchor.
Optionally, you might want to add text-decoration: none to make this identical to a non link paper-tab.
The text was updated successfully, but these errors were encountered:
Sign up for freeto subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Using the following with Polymer 1.0.x, I find that the links will not be centered both vertically and horizontally as one would expect
(taken from the provided example, of course)
When inspecting the anchor element, I find that within paper-tab.html you specify that the height of the link must be 100%. Removing/Overriding that I managed to at least make it center vertically. However, it will not center horizontally unless you also add a text-align: center style to the stylesheet, e.g.
Removing the height property and adding text-align as depicted above will properly align the anchor.
Optionally, you might want to add text-decoration: none to make this identical to a non link paper-tab.
The text was updated successfully, but these errors were encountered: