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

Hacking on Angular extension for TabBar

Browse Source
This commit is contained in:
Max Lynch
2013-09-17 16:43:20 -05:00
parent 282b17fac4
commit b4e42a42f7
5 changed files with 191 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
scss/ionic/_bar.scss
View File

@ -189,12 +189,3 @@
display: block;
}
/* 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;
}
.has-footer {
bottom: $bar-height;
}

18
scss/ionic/_base.scss
View File

@ -29,6 +29,9 @@ body {
}
.view {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@ -53,6 +56,21 @@ body {
padding: $content-padding;
}
// 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;
}
.has-footer {
bottom: $bar-height;
}
// Specify that a content area will have tabs
.has-tabs {
bottom: $tabs-height;
}
.inset {
margin: $inset-margin;
}

1
scss/ionic/_tabs.scss
View File

@ -98,3 +98,4 @@
font-weight: bold;
font-size: 10px;
}