CSS conflicts when adding the theme designer to an existing application

Post Reply
alayadesignsystem
Posts: 4
Joined: 31 Jan 2022, 23:26

04 May 2022, 16:58

Hello we are trying to introduce a CSS file produced with your theme designer.

Unfortunately we already have a huge application and the CSS file affects other part of it then only PrimeVue components because not all of you class starts with the p-* prefix.

For example the class selector for the fullCalendar is ".fc", but we already use the full calendar library somewhere else in the application and the style should not be applied to it because it doesn't come from Primevue. Maybe you could wrap the full calendar in a div with a class "p-component" and change the selector to ".p-component .fc".

There is also this which affects the entire application, I believe that the selector could be changed to something like ''.p-component, .p-component *" to make sure the box-sizing is only applied to primevue components.
* {
box-sizing: border-box;
}

We could fix it directly in the SCSS files provides for our project, but then we would have to maintain the SCSS files ourselves which we don't want to as we prefer to rely on your theme designer to get all the updates.

Is there a change that you would fix this in a future update?

Thanks!

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

05 May 2022, 10:27

Hello,

PrimeFlex and other third party libraries do not use the p-* prefix but PrimeVue components use the p-* prefix. FullCalendar is not a PrimeVue component and we decided to support it by simply providing theming.

But we will discuss again border-box situation.

Best Regards,

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

05 May 2022, 13:25

Hello,

Almost all Modern CSS libraries use box-sizing: border-box; like ours. Therefore, we don't think to change it. But, you can override it in your project according to your needs. Thanks a lot for your understanding!

Best Regards,

Post Reply

Return to “PrimeVue Theme Designer API”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest