javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(title): allow overriding of large title transform origin (#21770)

Browse Source 
resolves #21761
This commit is contained in:
Liam DeBeasi
2020-07-20 13:40:27 -04:00
committed by GitHub
parent 096eef4a79
commit dbe6853884
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
core/src/components/header/header.utils.ts
View File

@ -150,7 +150,6 @@ export const scaleLargeTitles = (toolbars: ToolbarIndex[] = [], scale = 1, trans
const titleDiv = toolbar.innerTitleEl; const titleDiv = toolbar.innerTitleEl;
if (!ionTitle || ionTitle.size !== 'large') { return; } if (!ionTitle || ionTitle.size !== 'large') { return; }
titleDiv.style.transformOrigin = 'left center';
titleDiv.style.transition = (transition) ? TRANSITION : ''; titleDiv.style.transition = (transition) ? TRANSITION : '';
titleDiv.style.transform = `scale3d(${scale}, ${scale}, 1)`; titleDiv.style.transform = `scale3d(${scale}, ${scale}, 1)`;
}); });

5
core/src/components/title/title.ios.scss
View File

@ -41,6 +41,7 @@
:host(.title-large) { :host(.title-large) {
@include padding(0, 16px); @include padding(0, 16px);
@include transform-origin(start, center);
bottom: 0; bottom: 0;
@ -59,3 +60,7 @@
:host(.title-large.ion-cloned-element) { :host(.title-large.ion-cloned-element) {
--color: #{$text-color}; --color: #{$text-color};
} }
:host(.title-large) .toolbar-title {
@include transform-origin(inherit);
}