[ANGULAR] Upgrade to v7 styling issues

[tbk]

I've update version of Bryntum Scheduler from 6.2.3 to 7.0.0. I imported styles into global styles and have all schedulers looking like image below:

vs how it should be

How it looks in styles.scss:

// BRYNTUM SCHEDULER
@import "@bryntum/schedulerpro/fontawesome/css/fontawesome.css";
@import "@bryntum/schedulerpro/fontawesome/css/solid.css";
/* Bryntum theme */
@import "@bryntum/schedulerpro/material3-light.min.css";

Do you have any idea what went wrong?

[marcio]

Hey tbk,

Thanks for reaching out.

I don't see the structural CSS import, which is needed on v7, as you can see in our update guide here.

<!-- Structural CSS is separated from themes -->
<link rel="stylesheet" href="build/schedulerpro.css">

If that doesn't solve your issue, could you please provide a runnable test case for us to check?

[tbk]

That did a trick. Since I'am using Angular instead of index.html I added styles into angular.json in styles array. Just for the future if someone stumbles across this issue on forum.

Thank you for your help!

[marcio]

Hey,

Thanks for the feedback, and glad that it's all working now! If you need any assistance, please don't hesitate to contact us here on the forums!