javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

Cleaning up

Browse Source
This commit is contained in:
Max Lynch
2013-11-07 09:59:48 -06:00
parent 967cdaf666
commit 53bae2af16
6 changed files with 10 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
dist/css/ionic-ios7.css vendored
View File

@ -383,6 +383,9 @@ body, .ionic-body {
.has-header { .has-header {
top: 44px; } top: 44px; }
.has-subheader {
top: 88px; }
.has-footer { .has-footer {
bottom: 44px; } bottom: 44px; }

3
dist/css/ionic.css vendored
View File

@ -2214,6 +2214,9 @@ body, .ionic-body {
.has-header { .has-header {
top: 44px; } top: 44px; }
.has-subheader {
top: 88px; }
.has-footer { .has-footer {
bottom: 44px; } bottom: 44px; }

35
example/events/drag.html
View File

@ -1,35 +0,0 @@
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../dist/ionic.css">
<style>
#drag-me {
position: absolute;
width: 100px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div class="content padded">
<div id="drag-me">Drag me around!</div>
</div>
<script src="../../js/utils.js"></script>
<script src="../../js/gestures.js"></script>
<script src="../../js/events.js"></script>
<script>
var db = document.getElementById('drag-me');
window.FM.onGesture('drag', function(e) {
console.log('Dragging', e);
var touch = e.gesture.touches[0];
db.style.left = touch.pageX-50;
db.style.top = touch.pageY-50;
}, db);
</script>
</body>
</html>

BIN
example/login/bg-ex.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 193 KiB

57
example/login/index.html
View File

@ -1,57 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../../dist/ionic.css">
<style>
body {
background: url('bg-ex.jpg') no-repeat transparent;
background-size: cover;
}
.content {
background-color: transparent;
}
label {
background-color: rgba(255, 255, 255, 0.6);
}
input {
background-color: transparent !important;
}
#login {
position: fixed;
bottom: 10px;
z-index: 4;
width: auto;
left: 10px;
right: 10px;
}
</style>
</head>
<body>
<section>
<header class="bar bar-header bar-danger">
<h1 class="title">Sign up for your account</h1>
</header>
<main class="content padded has-header">
<form class="form-horizontal">
<label class="input-wrapper row-fluid">
<span class="input-label col-xs-4">Full name</span>
<input class="col-xs-8" type="text" placeholder="">
</label>
<label class="input-wrapper row-fluid">
<span class="input-label col-xs-4">Email</span>
<input class="col-xs-8" type="email" placeholder="">
</label>
<label class="input-wrapper row-fluid">
<span class="input-label col-xs-4">Password</span>
<input class="col-xs-8" type="password" placeholder="">
</label>
<button class="button button-info button-block">Sign up</button>
</form>
<button id="login" class="button button-default button-block">Log in</button>
</main>
</section>
</body>
</html>

4
scss/ionic/_scaffolding.scss
View File

@ -84,6 +84,10 @@ body, .ionic-body {
top: $bar-height; top: $bar-height;
} }
.has-subheader {
top: $bar-height * 2;
}
.has-footer { .has-footer {
bottom: $bar-height; bottom: $bar-height;
} }