javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

tab e2e fixes

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/tabs/test/basic/main.html
View File

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

9
src/components/tabs/test/tab-bar-bottom/main.html
View File

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

24
src/components/tabs/test/tab-bar-icons/main.html
View File

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

5
src/components/tabs/test/tab-bar-top/main.html
View File

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