Topic: Angular scss multi injection
Expected behavior
Actual behavior Every page injects the same styles and it causes display issues in my application. You can see it on the angular pro admin app. Shifting the pages new style tags added with the same contents. And this is why you import core/_global scss into multiple scss and the global contains rules not just attributes. For me the .hoverable causes the problem and somehow this class is above .card during the second injection. You should load classes only one time.
Thanks
Resources (screenshots, code snippets etc.)
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Opened
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.0.0
- Device: PC
- Browser: Chrome
- OS: Win10
- Provided sample code: No
- Provided link: No
Damian Gemza staff commented 4 years ago
Dear @tano
It's hard to import only one time variables when our styles are placed in components. So every component needs to import the same variables because, without them, it won't compile.
Could you please show me your problems? With some screenshots or movies? Also, the code will be helpful too.
Best Regards,
Damian
tano pro commented 4 years ago
Dear @Damian Gemza
the global.scss contains css classes, no variables. I could manage to resolve to override the cards to mdb-card. If you have former version of dashboardpro, you can add hoverable to stat-cards on dashboards, go to other pages than back. With mdb-card it works since the component contains .card classes, so hoverable is not get preference. So it is not an issue right know, but i think this file should be loaded only in mdb.scss since it inject the same rules over and over again and it is unnecessary.
thank you,
tano
Arkadiusz Idzikowski staff commented 4 years ago
Thank you for the details. We will take a closer look and see what we can do about that.