TreeSelect without styling in diamond template

[jvsdf]

Good afternoon,
I'm trying to use the TreeSelect component in the diamond template with the library in its version 7, but the external styling doesn't work, should I update anything else?
https://photos.app.goo.gl/KQpXoMxSChuHo6RQ7

[mcandu]

Hi,

It works fine on my end. Maybe something change you did on styling files cause that issue. Could you please try it with default Diamond theme which you downloaded with no change and let us know.

Best Regards.

[jvsdf]

Good morning,
I tried using it on a blank Diamond project as suggested, but without success. To build the css I used the command

Code: Select all

node-sass public/assets -o public/assets --no-source-map

because the suggested in the documentation didn't work for me, claiming a directory error, could that be it?

[mcandu]

Code: Select all

sass --watch public/assets:public/assets ---no-source-map

This command should work. Have you tried it ?

And if you are getting error could you please share ?

[jvsdf]

Hi,
this is the error when I run the suggested command, I run it in the project root.
https://photos.app.goo.gl/6TDjYUYZ3UdYo5Av9
Does the public/assets/sass/theme/designer folder impact this? because I noticed that there is no treeselect.scss file for example. And I also noticed that it is not monitored by .gitignore, so I believe it is generated during the execution of this command.

[mcandu]

We recommend you to use last version of Diamond React which is 6.1.0 for now and 7.0.0 on our roadmap.

Also node-sass is depricated and we replaced it with dart-sass. For last version you should run

Code: Select all

sass --watch public/assets:public/assets --no-source-map

instead of node-sass.

And I can see the designer folder in the zip. There is /public/assets/sass/theme/designer on .gitignore. So if you push your project to github and download it from there. You're not able to see designer folder. Download it from store instead of github.

[jvsdf]

thanks! It worked

[jvsdf]

Hi,
everything is working fine after the upgrade, however I noticed that the Dialog and BlockUI components lost their dark background color, I tried to roll back the Diamond version 6.0 .scss files and recompile, but it didn't work. In Dialog it's not that impactful, but in BlockUI it is.

[mert.sincan]

Hi,

Is this problem resolved? If no, could you please attach a sample code block for us to replicate? And could you please try the latest PrimeReact and Diamond Layout?

Best Regards,