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

fix(header): buttons do not align in Android 4.4

Browse Source 
Closes #1614
This commit is contained in:
Adam Bradley
2014-08-05 10:23:23 -05:00
parent 64641b1be0
commit 06086ee9ae
2 changed files with 27 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
test/css/headers.html
View File

@@ -35,10 +35,10 @@
</a>
</div>
<header class="bar bar-header bar-positive">
<header class="bar bar-header bar-light">
<a class="button icon ion-navicon"> Home</a>
<div class="button-bar">
<a class="button button-calm">First</a>
<a class="button button-positive">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
@@ -47,22 +47,10 @@
</a>
</header>
<header class="bar bar-header bar-royal">
<a class="button button-clear icon ion-ios7-alarm"> Back</a>
<div class="button-bar">
<a class="button button-calm">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i> Favorites
</a>
</header>
<header class="bar bar-header bar-positive">
<header class="bar bar-header bar-stable">
<a class="button button-clear icon ion-ios7-arrow-back"> Back</a>
<div class="button-bar">
<a class="button button-calm">First</a>
<a class="button button-dark">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
@@ -71,7 +59,7 @@
</a>
</header>
<div class="bar bar-header bar-calm">
<div class="bar bar-header bar-positive">
<a class="button button-icon icon ion-home"></a>
<div class="button-bar">
<a href="#" class="button button-clear">Edit</a>
@@ -83,30 +71,6 @@
</a>
</div>
<header class="bar bar-dark">
<a class="button icon ion-home"></a>
<div class="button-bar">
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-positive">
<a class="button icon ion-home"></a>
<div class="button-bar">
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-calm">
<a class="button icon ion-home"></a>
<div class="button-bar">
@@ -132,42 +96,6 @@
</header>
<header class="bar bar-balanced">
<a class="button icon ion-home"></a>
<div class="button-bar">
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-energized">
<a class="button icon ion-home"></a>
<div class="button-bar">
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-royal">
<a class="button icon ion-home"></a>
<div class="button-bar">
<a class="button">First</a>
<a class="button">Second</a>
<a class="button">Third</a>
</div>
<a class="button">
<i class="icon ion-star"></i>
</a>
</header>
<header class="bar bar-light">
<a class="button icon ion-arrow-left-c"></a>
<div class="button-bar">
<a class="button">First</a>
@@ -179,7 +107,7 @@
</a>
</header>
<header class="bar bar-assertive">
<header class="bar bar-energized">
<a class="button button-icon icon ion-arrow-left-c"></a>
<div class="button-bar">
<a class="button">First</a>
@@ -191,11 +119,27 @@
</a>
</header>
<header class="bar bar-header bar-stable">
<header class="bar bar-header bar-royal">
<button class="button button-clear button-icon ion-ios7-arrow-back"> Back</button>
<h1 class="title">Title here</h1>
</header>
<header class="bar bar-header bar-dark nav-bar nav-title-slide-ios7">
<div class="buttons left-buttons">
<span>
<button class="button button-icon ion-ios7-world-outline"></button>
<button class="button button-icon ion-ios7-world-outline"></button>
</span>
</div>
<h1 class="title">Two Buttons</h1>
<div class="buttons right-buttons">
<span>
<button class="button button-icon ion-ios7-world-outline"></button>
<button class="button button-icon ion-ios7-world-outline"></button>
</span>
</div>
</header>
</ion-content>
</body>