tab e2e fixes

This commit is contained in:
Adam Bradley
2015-04-10 21:53:03 -05:00
parent e0c7656c0d
commit a721072607
4 changed files with 44 additions and 29 deletions

View File

@ -1,15 +1,20 @@
<ion-view>
<ion-tabs>
<ion-tabs>
<ion-tab tab-title="Tab 1">
<ion-view nav-title="Tab 1">
<ion-content class="padding">
Tab 1 Content
</ion-content>
</ion-view>
</ion-tab>
<ion-tab tab-title="Tab 1">
Tab 1 Content<br/>.
</ion-tab>
<ion-tab tab-title="Tab 2">
.<br/>Tab 2 Content
</ion-tab>
<ion-tab tab-title="Tab 2">
<ion-view nav-title="Tab 2">
<ion-content class="padding">
Tab 2 Content
</ion-content>
</ion-view>
</ion-tab>
</ion-tabs>
</ion-view>
</ion-tabs>

View File

@ -2,15 +2,20 @@
<ion-tabs placement="bottom">
<ion-tab tab-title="Tab 1">
<ion-view>
Tab 1 Content
<ion-view nav-title="Tab 1">
<ion-content class="padding">
Tab 1 Content
</ion-content>
</ion-view>
</ion-tab>
<ion-tab tab-title="Tab 2">
<ion-view>
Tab 2 Content
<ion-view nav-title="Tab 2">
<ion-content class="padding">
Tab 2 Content
</ion-content>
</ion-view>
</ion-tab>
</ion-tabs>

View File

@ -2,8 +2,8 @@
<div style="margin: 4px 0">
<h6>Icon Top of Text (Default)</h6>
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
<div class="tab-bar-container">
<div class="tab-bar-container toolbar-ios">
<div class="tab-bar">
<a class="tab-bar-item tab-active">
<icon class="tab-bar-item-icon ion-home"></icon>
<span class="tab-bar-item-text">Home</span>
@ -20,8 +20,8 @@
</div>
<h6>Icon Bottom of Text</h6>
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
<div class="tab-bar-container tab-bar-icon-bottom">
<div class="tab-bar-container toolbar-ios">
<div class="tab-bar tab-bar-icon-bottom">
<a class="tab-bar-item tab-active">
<icon class="tab-bar-item-icon ion-home"></icon>
<span class="tab-bar-item-text">Home</span>
@ -38,8 +38,8 @@
</div>
<h6>Icon Left of Text</h6>
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
<div class="tab-bar-container tab-bar-icon-left">
<div class="tab-bar-container toolbar-ios">
<div class="tab-bar tab-bar-icon-left">
<a class="tab-bar-item tab-active">
<icon class="tab-bar-item-icon ion-home"></icon>
<span class="tab-bar-item-text">Home</span>
@ -56,8 +56,8 @@
</div>
<h6>Icon Right of Text</h6>
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
<div class="tab-bar-container tab-bar-icon-right">
<div class="tab-bar-container toolbar-ios">
<div class="tab-bar tab-bar-icon-right">
<a class="tab-bar-item tab-active">
<icon class="tab-bar-item-icon ion-home"></icon>
<span class="tab-bar-item-text">Home</span>
@ -74,8 +74,8 @@
</div>
<h6>Icon Only</h6>
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
<div class="tab-bar-container tab-bar-icon-only">
<div class="tab-bar-container toolbar-ios">
<div class="tab-bar tab-bar-icon-only">
<a class="tab-bar-item tab-active">
<icon class="tab-bar-item-icon ion-home"></icon>
<span class="tab-bar-item-text">Home</span>
@ -92,8 +92,8 @@
</div>
<h6>Text Only</h6>
<div class="toolbar tab-bar toolbar-ios toolbar-bottom">
<div class="tab-bar-container tab-bar-text-only">
<div class="tab-bar-container toolbar-ios">
<div class="tab-bar tab-bar-text-only">
<a class="tab-bar-item tab-active">
<icon class="tab-bar-item-icon ion-home"></icon>
<span class="tab-bar-item-text">Home</span>

View File

@ -3,14 +3,19 @@
<ion-tab tab-title="Tab 1">
<ion-view nav-title="Tab 1">
Tab 1 Content
<ion-content class="padding">
Tab 1 Content
</ion-content>
</ion-view>
</ion-tab>
<ion-tab tab-title="Tab 2">
<ion-view nav-title="Tab 2">
Tab 2 Content
<ion-content class="padding">
Tab 2 Content
</ion-content>
</ion-view>
</ion-tab>
</ion-tabs>