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

fix(title): support color

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-07-28 19:01:36 +02:00
parent 520da8d373
commit 7da0ac4373
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/title/title.scss
View File

@ -12,6 +12,10 @@
transform: translateZ(0); transform: translateZ(0);
} }
:host(.ion-color) {
color: #{current-color(base)};
}
.toolbar-title { .toolbar-title {
display: block; display: block;

7
core/src/components/title/title.tsx
View File

@ -1,5 +1,6 @@
import { Component, Prop } from '@stencil/core'; import { Component, Prop } from '@stencil/core';
import { Color, Mode } from '../../interface'; import { Color, Mode } from '../../interface';
import { createColorClasses } from '../../utils/theme';
@Component({ @Component({
tag: 'ion-title', tag: 'ion-title',
@ -21,6 +22,12 @@ export class ToolbarTitle {
*/ */
@Prop() color?: Color; @Prop() color?: Color;
hostData() {
return {
class: createColorClasses(this.color)
};
}
render() { render() {
return [ return [
<div class="toolbar-title"> <div class="toolbar-title">