javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tabs): fix CSS so user can set a color on ion-tabs

Browse Source 
fixes #776
This commit is contained in:
Brandy Carney
2015-12-18 11:30:26 -05:00
parent 9fe1b34c8f
commit 6559a98d4b
4 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ionic/components/tabs/tabs.ios.scss
View File

@ -113,7 +113,7 @@ ion-tabs[tabbarPlacement=top] tabbar {
@mixin tabbar-ios($color-name, $color-value) { @mixin tabbar-ios($color-name, $color-value) {
tabbar[#{$color-name}] { ion-tabs[#{$color-name}] tabbar {
border-color: darken($color-value, 10%); border-color: darken($color-value, 10%);
background-color: $color-value; background-color: $color-value;

2
ionic/components/tabs/tabs.md.scss
View File

@ -94,7 +94,7 @@ tab-highlight {
@mixin tabbar-md($color-name, $color-value) { @mixin tabbar-md($color-name, $color-value) {
tabbar[#{$color-name}] { ion-tabs[#{$color-name}] tabbar {
background-color: $color-value; background-color: $color-value;
.tab-button { .tab-button {

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

@ -16,7 +16,6 @@ import {rafFrames} from '../../util/dom';
* @name Tabs * @name Tabs
* @property {any} [tabbarPlacement] - set position of the tabbar, top or bottom * @property {any} [tabbarPlacement] - set position of the tabbar, top or bottom
* @property {any} [tabbarIcons] - set the position of the tabbar's icons: top, bottom, left, right, hide * @property {any} [tabbarIcons] - set the position of the tabbar's icons: top, bottom, left, right, hide
* @property {any} [tabbar-style] - sets tabbar's style (primary, secondary, etc)
* @property {any} [preloadTabs] - sets whether to preload all the tabs, true or false * @property {any} [preloadTabs] - sets whether to preload all the tabs, true or false
* @usage * @usage
* ```html * ```html

2
ionic/components/tabs/test/basic/index.ts
View File

@ -99,7 +99,7 @@ class Tab3 {}
</ion-content> </ion-content>
</ion-menu> </ion-menu>
<ion-tabs #content> <ion-tabs #content primary>
<ion-tab tabTitle="Plain List" tabIcon="star" [root]="root1"></ion-tab> <ion-tab tabTitle="Plain List" tabIcon="star" [root]="root1"></ion-tab>
<ion-tab tabTitle="Schedule" tabIcon="globe" [root]="root2"></ion-tab> <ion-tab tabTitle="Schedule" tabIcon="globe" [root]="root2"></ion-tab>
<ion-tab tabTitle="Stopwatch" tabIcon="stopwatch" [root]="root3"></ion-tab> <ion-tab tabTitle="Stopwatch" tabIcon="stopwatch" [root]="root3"></ion-tab>