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

is there anybody out there?

Browse Source
This commit is contained in:
Adam Bradley
2015-03-18 15:13:42 -05:00
parent 73699a36b0
commit 53f2d35686
3 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
playground/layouts/entire-view.html
View File

@ -1,8 +1,9 @@
<link href="../../dist/css/ionic.css" rel="stylesheet">
<link href="view.css" rel="stylesheet">
<link href="transition.css" rel="stylesheet">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<body>
<body ion-app>
<div class="view zoom-slide-transition">
@ -18,6 +19,7 @@
<div class="tool-bar">
View 1
<button>asdfsdf</button>
</div>
<div class="content">

4
playground/layouts/ios-view.html
View File

@ -3,7 +3,7 @@
<link href="transition.css" rel="stylesheet">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<body ionic>
<body ion-app>
<div class="view ios-transition">
@ -19,6 +19,7 @@
<div class="tool-bar">
iOS View 1
<button style="background:red">Button</button>
</div>
<div class="content">
@ -41,6 +42,7 @@
<div class="tool-bar">
iOS View 2
<button style="background:green">Button</button>
</div>
<div class="content">

5
playground/layouts/view.css
View File

@ -2,6 +2,11 @@ body {
text-align: center;
}
.tool-bar button {
position: absolute;
right: 0;
}
.tool-bar {
min-height: 50px;
background: linear-gradient(45deg, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);