feat: Expose transform properties for IonTitle

Feature Request

Ionic version:

[x] 4.x

Describe the Feature Request

For the IonTitle inside of IonContent when using collapse=‘condense’ the .toolbar-title class forces transform-origin: left center; however when I set the title text-align: center; the overscroll looks really strange since its transforming left and not centered. So i would like to have transform-origin: center;

Describe Preferred Solution

Some feature or way to change transform-origin on .toolbar-title

[liamdebeasi]

You might need to do a full reload of your application (stop the server, restart it). It’s likely a temporary glitch.

[liamdebeasi]

Ok I think I can change it so that the transform-origin is set on the host ion-title, and the inner .toolbar-title class inherits it. That way, you can override transform-origin by doing:

ion-title {
  transform-origin: center top;
}

Can you try the following dev build, and let me know if it resolves the issue?

Ionic Angular: npm i @ionic/angular@5.3.0-dev.202007162157.6f200ac

Ionic React npm i @ionic/react@5.3.0-dev.202007162157.6f200ac

Ionic Core npm i @ionic/core@5.3.0-dev.202007162157.6f200ac