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

that whole nav overhaul thing again

Browse Source
This commit is contained in:
Adam Bradley
2015-05-28 10:19:28 -05:00
parent 2d8a6d9079
commit d827279a4f
36 changed files with 414 additions and 394 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ionic/components/app/flex-order.scss
View File

@@ -4,11 +4,11 @@
// the rock that everything orders around
$flex-order-view-content: 40 !default;
$flex-order-view-content: 0 !default;
$flex-order-toolbar-top: 20 !default;
$flex-order-toolbar-bottom: 60 !default;
$flex-order-toolbar-top: -10 !default;
$flex-order-toolbar-bottom: 10 !default;
$flex-order-tab-bar-top: 30 !default;

36
ionic/components/app/structure.scss
View File

@@ -33,6 +33,32 @@ ion-nav {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
}
.navbar-container {
position: relative;
min-height: 4.4rem;
}
.content-container {
position: relative;
flex: 1;
}
ion-navbar {
position: absolute;
width: 100%;
height: 100%;
min-height: 4.4rem;
order: $flex-order-toolbar-top;
display: none;
&.show-navbar {
display: flex;
}
}
ion-view {
@@ -55,15 +81,7 @@ ion-view {
ion-toolbar {
display: flex;
min-height: 4.4rem;
order: $flex-order-toolbar-top;
}
.stage-off {
transform: translateX(9999px);
}
ion-toolbar[footer] {
order: $flex-order-toolbar-bottom;
background: white;
}
ion-content {