search

creativetimofficial / ct-light-bootstrap-dashboard-pro-angular

7 stars 2 forks source link

Disappearing Angular Components (_nghost-c6 {display: none}) #25

Open p-clark opened 5 years ago

p-clark commented 5 years ago

I have found static css class names in the pro version that cause a component that happens to get the auto-generated angular styled class to not display.

Angular's component style isolation is getting interfered with by some of the styling of this product. In the assets/sass/lbd/plugins/_tags.scss (line 2) and assets/css/light-bootstrap-dashboard.css (line 4029), the following code is causing issues:

//tag ripple
[_nghost-c6] {
    display: none;
}

Once you have enough components, the angular compiler will start using that class. Resulting in one of your components mysteriously disappearing on the next compile.

Am I correct that this is a defect? Or am I misusing the product somehow?

Along those lines, the light-bootstrap-dashboard.css also includes some other suspicious angular specific styles, referencing "_nghost-c5" and "_ngcontent-c5". As these are also names of auto generated classes by angular, and I would suspect in a non-deterministic manner, should those also be changed?

Thanks!

chelaruc commented 5 years ago

Hi, @p-clark! Thank you for using our product and thank you for point this to us. You can delete the css with classes like those. We will update the product next month. Best, Ciprian