0

we have an Angular 14 App that needs to be updated to 16, but somehow the stylesheets get messed up. It seems there are still the same scss files, but several attributes aren't present. In the Angular 14 Version it looks like this:

enter image description here

And after the update like this:

enter image description here

Do I have to fix all the broken parts manually or is there another way to do this?

Maxim
  • 227
  • 2
  • 14

1 Answers1

1

It seems like you are using Angular material. In Angular Material 15, styles have been updated to use mdc tokens.

You can read the details here; https://material.angular.io/guide/mdc-migration

After updating to Angular 15, you can run following command to migrate your styles to mdc tokens.

ng generate @angular/material:mdc-migration

Awais Saeed
  • 55
  • 1
  • 12