Files
ionic-framework/src/components/app/_scaffolding.scss
Adam Bradley e3ba98b7b8 tabs over tabs
2015-04-09 09:50:44 -05:00

88 lines
1.3 KiB
SCSS

html {
height: 100%;
}
[ion-app] {
@include flex-display();
@include flex-direction(column);
overflow: hidden;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 0;
.nav-viewport {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.nav-viewport.tab {
position: relative;
}
.nav-view {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pane {
position: relative;
height: 100%;
width: 100%;
@include flex-display();
@include flex-direction(column);
@include flex(1);
}
.view-cover {
height: 100vh !important;
.tab-bar {
z-index: 1
}
}
.pane > .pane-container {
position: relative;
overflow: hidden;
@include flex-display();
@include flex-order(40);
@include flex(1);
@include flex-direction(column);
}
.pane-container > .pane {
position: absolute;
min-height: 100%;
}
.pane > .pane-container > .content {
position: relative;
z-index: $z-index-content;
@include flex(1);
}
.scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
}