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

Derpty do

Browse Source
This commit is contained in:
Max Lynch
2013-10-21 21:11:49 -05:00
parent ddb724dbd3
commit 7c97202ebd
5 changed files with 14 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -370,20 +370,19 @@ body, .ionic-body {
.content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
overflow: auto;
-webkit-overflow-scrolling: touch; }
.has-header {
margin-top: 44px; }
top: 44px; }
.has-footer {
margin-bottom: 44px; }
bottom: 44px; }
.has-tabs {
margin-bottom: 84px; }
bottom: 84px; }
.page, .full-section {
position: fixed;

7
dist/css/ionic-scoped.css vendored
View File

@ -1142,17 +1142,16 @@
.ionic .content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
overflow: auto;
-webkit-overflow-scrolling: touch; }
.ionic .has-header {
margin-top: 44px; }
top: 44px; }
.ionic .has-footer {
margin-bottom: 44px; }
bottom: 44px; }
.ionic .has-tabs {
margin-bottom: 84px; }
bottom: 84px; }
.ionic .page, .ionic .full-section {
position: fixed;
top: 0;

7
dist/css/ionic.css vendored
View File

@ -1449,20 +1449,19 @@ body, .ionic-body {
.content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
overflow: auto;
-webkit-overflow-scrolling: touch; }
.has-header {
margin-top: 44px; }
top: 44px; }
.has-footer {
margin-bottom: 44px; }
bottom: 44px; }
.has-tabs {
margin-bottom: 84px; }
bottom: 84px; }
.page, .full-section {
position: fixed;

11
scss/ionic/_scaffolding.scss
View File

@ -72,9 +72,8 @@ body, .ionic-body {
.content {
position: absolute;
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
overflow: auto;
@ -84,18 +83,16 @@ body, .ionic-body {
// Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
// Note: For these to work, content must come after both bars in the markup
.has-header {
//top: $bar-height;
margin-top: $bar-height;
top: $bar-height;
}
.has-footer {
//bottom: $bar-height;
margin-bottom: $bar-height;
bottom: $bar-height;
}
// Specify that a content area will have tabs
.has-tabs {
margin-bottom: 84px;
bottom: 84px;
}
.page, .full-section {

2
starters/map/index.html
View File

@ -28,7 +28,7 @@
<div class="bar bar-header bar-dark">
<h1 class="title">Map</h1>
</div>
<content>
<content has-header="true" has-footer="true">
<div id="map"></div>
</content>
<div class="bar bar-footer bar-dark">