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

rename(sections): .navbar-container now ion-navbar-section

Browse Source
This commit is contained in:
Adam Bradley
2015-10-10 17:14:03 -05:00
parent 039ecac2ae
commit fa2ae9cd93
13 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ionic/components/tabs/tabs.scss
View File

@@ -42,16 +42,16 @@ ion-tab {
}
}
ion-tabs > .navbar-container {
ion-tabs > ion-navbar-section {
order: $flex-order-tab-bar-navbar;
}
.tab-bar-container {
ion-tab-bar-section {
position: relative;
order: $flex-order-tab-bar-bottom;
}
[tab-bar-placement=top] .tab-bar-container {
[tab-bar-placement=top] ion-tab-bar-section {
order: $flex-order-tab-bar-top;
}

12
ionic/components/tabs/tabs.ts
View File

@@ -67,10 +67,10 @@ import * as dom from 'ionic/util/dom';
'tabBarIcons': 'top'
},
template:
'<section class="navbar-container">' +
'<ion-navbar-section>' +
'<template navbar-anchor></template>' +
'</section>' +
'<nav class="tab-bar-container">' +
'</ion-navbar-section>' +
'<ion-tab-bar-section>' +
'<tab-bar role="tablist">' +
'<a *ng-for="#t of tabs" [tab]="t" class="tab-button" role="tab">' +
'<icon [name]="t.tabIcon" [is-active]="t.isSelected" class="tab-button-icon"></icon>' +
@@ -78,10 +78,10 @@ import * as dom from 'ionic/util/dom';
'</a>' +
'<tab-highlight></tab-highlight>' +
'</tab-bar>' +
'</nav>' +
'<section class="content-container">' +
'</ion-tab-bar-section>' +
'<ion-content-section>' +
'<ng-content></ng-content>' +
'</section>',
'</ion-content-section>',
directives: [
Icon,
NgFor,