fix(title): large title now inherits global color styling during nav …

…transition (#20862)
ionic-team · Mar 25, 2020 · 321140f · 321140f
1 parent d3d7de1
commit 321140f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/core/src/components/header/header.tsx b/core/src/components/header/header.tsx
@@ -126,7 +126,8 @@ export class Header implements ComponentInterface {
     this.scrollEl!.addEventListener('scroll', this.contentScrollCallback);
 
     writeTask(() => {
-      cloneElement('ion-title');
+      const title = cloneElement('ion-title') as HTMLIonTitleElement;
+      title.size = 'large';
       cloneElement('ion-back-button');
 
       if (this.collapsibleMainHeader !== undefined) {

diff --git a/core/src/components/title/title.ios.scss b/core/src/components/title/title.ios.scss
@@ -55,3 +55,7 @@
 
   text-align: start;
 }
+
+:host(.title-large.ion-cloned-element) {
+  --color: #{$text-color};
+}