Skip to content

Commit

Permalink
fix(tabs): remove flex; bring ink into same parent as links (#3331)
Browse files Browse the repository at this point in the history
andrewseguin authored and kara committed Mar 1, 2017

Verified

This commit was signed with the committer’s verified signature.
thaJeztah Sebastiaan van Stijn
1 parent e3ba1e1 commit 00de2d7
Showing 2 changed files with 3 additions and 2 deletions.
2 changes: 1 addition & 1 deletion src/lib/tabs/tab-nav-bar/tab-nav-bar.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div class="mat-tab-links">
<ng-content></ng-content>
<md-ink-bar></md-ink-bar>
</div>

<md-ink-bar></md-ink-bar>
3 changes: 2 additions & 1 deletion src/lib/tabs/tab-nav-bar/tab-nav-bar.scss
Original file line number Diff line number Diff line change
@@ -7,13 +7,14 @@
}

.mat-tab-links {
display: flex;
position: relative;
}

// Wraps each link in the header
.mat-tab-link {
@include tab-label;
display: inline-block;
vertical-align: top;
text-decoration: none; // Removes anchor underline styling
position: relative;
overflow: hidden; // Keeps the ripple from extending outside the element bounds

0 comments on commit 00de2d7

Please sign in to comment.