Page 1 of 1

CSS Issues: Design directory

Posted: 20 Sep 2022, 21:01
by davidspell
Hi there,

I am helping out on a a team adding styles to the existing css.
We are using the light theme.

When I tried to add css to the existing directory and run:

1) In the c2/ui/src/assets/sass/theme/_theme_light.scss
It is referencing this directory which wasn't included in the original package:
@import './designer/_components';

If I comment out this line, the compiler will blow away a lot of styles including the calendar picker styles.
How do I get the design folder for light theme?

2) Also, when I run this sass command it does not watch for the changes:

sass --watch public/theme/:public/theme/

Please advise if I am doing this correctly?

Re: CSS Issues: Design directory

Posted: 21 Sep 2022, 16:30
by tugce.kucukoglu
Hi,

1) Please make sure c2/ui/src/assets/sass/theme folder has designer folder. All PrimeVue component's styles come from this `designer`.

2) sass --update public/:public/ --no-source-map
command line is the best way to see the changes.

Re: CSS Issues: Design directory

Posted: 22 Sep 2022, 15:32
by davidspell
1) Yes, I am trying to say this directory didn't come with my package. Do you know how I can get it?

Re: CSS Issues: Design directory

Posted: 26 Sep 2022, 08:17
by tugce.kucukoglu
Could you please try to download the latest Atlantis-Vue version from the store? If the designer folder still does not exist, please let us know.

Re: CSS Issues: Design directory

Posted: 27 Sep 2022, 21:00
by davidspell
1) Thank you, it must have not been included b/c of the gitignore.
This is resolved now.
2) The sass command does not listen and just completes and we have to run it each change. Any advise?

Re: CSS Issues: Design directory

Posted: 30 Sep 2022, 08:14
by tugce.kucukoglu
2) You need to run the sass command for each change.

Re: CSS Issues: Design directory

Posted: 15 Jun 2023, 08:39
by tugce.kucukoglu
Thanks for the update.