Skip to content

Commit aa7e9dd

Browse files
committed
fix(tabs): fix android untyled android tab
1 parent 120e145 commit aa7e9dd

File tree

2 files changed

+19
-0
lines changed

2 files changed

+19
-0
lines changed

Diff for: scss/_tabs.scss

+11
Original file line numberDiff line numberDiff line change
@@ -167,6 +167,17 @@
167167
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
168168
padding-top: $tabs-striped-border-width;
169169
}
170+
.tab-item {
171+
// default android tab style
172+
&.tab-item-active,
173+
&.active,
174+
&.activated {
175+
margin-top: -$tabs-striped-border-width;
176+
border-style: solid;
177+
border-width: $tabs-striped-border-width 0 0 0;
178+
border-color: $dark;
179+
}
180+
}
170181
@include tabs-striped('tabs-light', $light, $dark);
171182
@include tabs-striped('tabs-stable', $stable, $dark);
172183
@include tabs-striped('tabs-positive', $positive, $light);

Diff for: test/css/tabs-android.html

+8
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,14 @@ <h1 class="title">Android Tab Bars</h1>
113113
<a disabled class="tab-item"><i class="icon ion-close"></i>Inactive</a>
114114
</nav>
115115
</div>
116+
<div class="view tabs-striped">
117+
<nav class="tabs ">
118+
<a class="tab-item active" href="#"><i class="icon ion-game-controller-a"></i> Fun</a>
119+
<a class="tab-item"><i class="icon ion-locked"></i>Security</a>
120+
<a class="tab-item has-badge"><i class="badge badge-assertive">3</i><i class="icon ion-leaf"></i>Light</a>
121+
<a disabled class="tab-item"><i class="icon ion-close"></i>Inactive</a>
122+
</nav>
123+
</div>
116124
<div class="view tabs-stable tabs-background-balanced tabs-striped">
117125
<nav class="tabs">
118126
<a class="tab-item active" href="#"><i class="icon ion-game-controller-a"></i> Fun</a>

0 commit comments

Comments
 (0)