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

Bar button twaks

Browse Source
This commit is contained in:
Max Lynch
2013-08-31 18:55:02 -05:00
parent 279079b1ec
commit d8d0c39dcc
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
dist/ionic.css vendored
View File

@ -116,7 +116,8 @@ main > * {
padding: 8px; padding: 8px;
line-height: 6px; } line-height: 6px; }
.buttons .button { .buttons .button {
line-height: 6px; } padding: 6px 12px;
line-height: 14px; }
.buttons:first-child { .buttons:first-child {
left: 0; left: 0;

11
example/panel_controller.html
View File

@ -3,9 +3,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Panels</title> <title>Panels</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<!--<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">--> <link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="../../dist/ionic.css"> <link rel="stylesheet" href="../../dist/ionic.css">
</head> </head>
@ -15,11 +14,15 @@
<header class="bar bar-header bar-dark"> <header class="bar bar-header bar-dark">
<div class="buttons"> <div class="buttons">
<a id="left-button" class="button button-dark" href="#">Left</a> <a id="left-button" class="button button-dark" href="#">
<i class="icon-reorder"></i>
</a>
</div> </div>
<h1 class="title">Panels</h1> <h1 class="title">Panels</h1>
<div class="buttons"> <div class="buttons">
<button id="right-button" class="button button-default">Right</button> <button id="right-button" class="button button-dark">
<i class="icon-cog"></i>
</button>
</div> </div>
</header> </header>

3
scss/ionic/structure/_bar.scss
View File

@ -61,7 +61,8 @@
.button { .button {
line-height: 6px; padding: 6px 12px;
line-height: 14px;
} }
} }
.buttons:first-child { .buttons:first-child {