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

test(tabs): update css tests for tab-title class

Browse Source
This commit is contained in:
Andy Joslin
2014-04-21 12:42:04 -06:00
parent 93aa16a78b
commit 3c8f7bd48e
5 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
test/css/tab-bars-icons-bottom.html
View File

@@ -42,15 +42,15 @@
<div class="item tabs tabs-secondary tabs-icon-left">
<a class="tab-item" href="#">
<i class="icon ion-thumbsup"></i>
Like
<span class="tab-title">Like</span>
</a>
<a class="tab-item" href="#">
<i class="icon ion-chatbox"></i>
Comment
<span class="tab-title">Comment</span>
</a>
<a class="tab-item" href="#">
<i class="icon ion-share"></i>
Share
<span class="tab-title">Share</span>
</a>
</div>
@@ -60,32 +60,32 @@
<nav id="tab-bar" class="tabs tabs-icon-bottom tabs-positive">
<a class="tab-item" href="#">
Fun
<span class="tab-title">Fun</span>
<i class="icon ion-game-controller-a"></i>
</a>
<a class="tab-item">
Security
<span class="tab-title">Security</span>
<i class="icon ion-locked"></i>
</a>
<a class="tab-item">
Simple
<span class="tab-title">Simple</span>
<i class="icon ion-heart"></i>
</a>
<a class="tab-item has-badge">
Light
<span class="tab-title">Light</span>
<i class="badge">3</i>
<i class="icon ion-leaf"></i>
</a>
<a class="tab-item">
Clean
<span class="tab-title">Clean</span>
<i class="icon ion-waterdrop"></i>
</a>
<a class="tab-item disabled">
Disabled
<span class="tab-title">Disabled</span>
<i class="icon ion-close-circled"></i>
</a>
<a disabled class="tab-item">
Inactive
<span class="tab-title">Inactive</span>
<i class="icon ion-close"></i>
</a>
</nav>

16
test/css/tab-bars-icons-left.html
View File

@@ -25,36 +25,36 @@
</ul>
</main>
<nav id="tab-bar" class="tabs tabs-icon-left tabs-assertive">
<a class="tab-item" href="#">
<i class="icon ion-game-controller-a"></i>
Fun
<span class="tab-title">Fun</span>
</a>
<a class="tab-item">
<i class="icon ion-locked"></i>
Security
<span class="tab-title">Security</span>
</a>
<a class="tab-item">
<i class="icon ion-heart"></i>
Simple
<span class="tab-title">Simple</span>
</a>
<a class="tab-item has-badge">
<i class="badge">3</i>
<i class="icon ion-leaf"></i>
Light
<span class="tab-title">Light</span>
</a>
<a class="tab-item">
<i class="icon ion-waterdrop"></i>
Clean
<span class="tab-title">Clean</span>
</a>
<a class="tab-item disabled">
<i class="icon ion-close-circled"></i>
Disabled
<span class="tab-title">Disabled</span>
</a>
<a disabled class="tab-item">
<i class="icon ion-close"></i>
Inactive
<span class="tab-title">Inactive</span>
</a>
</nav>

16
test/css/tab-bars-icons-right.html
View File

@@ -25,35 +25,35 @@
</ul>
</main>
<nav id="tab-bar" class="tabs tabs-icon-right tabs-royal">
<a class="tab-item" href="#">
Fun
<span class="tab-title">Fun</span>
<i class="icon ion-game-controller-a"></i>
</a>
<a class="tab-item">
Security
<span class="tab-title">Security</span>
<i class="icon ion-locked"></i>
</a>
<a class="tab-item">
Simple
<span class="tab-title">Simple</span>
<i class="icon ion-heart"></i>
</a>
<a class="tab-item has-badge">
Light
<span class="tab-title">Light</span>
<i class="badge">3</i>
<i class="icon ion-leaf"></i>
</a>
<a class="tab-item">
Clean
<span class="tab-title">Clean</span>
<i class="icon ion-waterdrop"></i>
</a>
<a class="tab-item disabled">
Disabled
<span class="tab-title">Disabled</span>
<i class="icon ion-close-circled"></i>
</a>
<a disabled class="tab-item">
Inactive
<span class="tab-title">Inactive</span>
<i class="icon ion-close"></i>
</a>
</nav>

16
test/css/tab-bars-no-icons.html
View File

@@ -25,29 +25,29 @@
</ul>
</main>
<nav id="tab-bar" class="tabs tabs-calm">
<a class="tab-item" href="#">
Fun
<span class="tab-title">Fun</span>
</a>
<a class="tab-item">
Security
<span class="tab-title">Security</span>
</a>
<a class="tab-item">
Simple
<span class="tab-title">Simple</span>
</a>
<a class="tab-item has-badge">
<i class="badge">3</i>
Light
<span class="tab-title">Light</span>
</a>
<a class="tab-item">
Clean
<span class="tab-title">Clean</span>
</a>
<a class="tab-item disabled">
Disabled
<span class="tab-title">Disabled</span>
</a>
<a disabled class="tab-item">
Inactive
<span class="tab-title">Inactive</span>
</a>
</nav>

14
test/css/tab-bars.html
View File

@@ -29,32 +29,32 @@
<nav id="tab-bar" class="tabs tabs-icon-top">
<a class="tab-item" href="#">
<i class="icon ion-game-controller-a"></i>
Fun
<span class="tab-title">Fun</span>
</a>
<a class="tab-item">
<i class="icon ion-locked"></i>
Security
<span class="tab-title">Security</span>
</a>
<a class="tab-item">
<i class="icon ion-heart"></i>
Simple
<span class="tab-title">Simple</span>
</a>
<a class="tab-item has-badge">
<i class="badge badge-assertive">3</i>
<i class="icon ion-leaf"></i>
Light
<span class="tab-title">Light</span>
</a>
<a class="tab-item">
<i class="icon ion-waterdrop"></i>
Clean
<span class="tab-title">Clean</span>
</a>
<a class="tab-item disabled">
<i class="icon ion-close-circled"></i>
Disabled
<span class="tab-title">Disabled</span>
</a>
<a disabled class="tab-item">
<i class="icon ion-close"></i>
Inactive
<span class="tab-title">Inactive</span>
</a>
</nav>