box-sizing in ngx-gallery.component.scss about ngx-gallery HOT 8 OPEN

While updating to angular 9, in the official update guide says this:

• Replace /deep/ with ::ng-deep in your styles, read more about angular component styles and ::ng-deep. /deep/ and ::ng-deep both are deprecated but using ::ng-deep is preferred until the shadow-piercing descendant combinator is removed from browsers and tools completely.

In the meantime, I've fixed by adding

ngx-gallery ::ng-deep .ngx-gallery-thumbnails .ngx-gallery-thumbnail {
  border: none !important;
}

in the component.scss file.
I think it isn't the best approach because I don't like !important, but I haven't found another solution.

from ngx-gallery.

Yes, at the new version of Angular /deep/ is not working. ( but I tried this at Next versions, may be it working in release, I don't know.

from ngx-gallery.

I can confirm that ::ng-deep is still working.

from ngx-gallery.

Indeed, ::ng-deep is still working.

Could you maybe update your code? That would fix many webpages' style issues I bet :)

from ngx-gallery.

@PedroJesusRomeroOrtega thanks, are there any other ways in Angular repo issues?
I know only this discussion: angular/angular#25160

from ngx-gallery.

Sorry, I don't know other ways

from ngx-gallery.

Nice catch. Thanks @hijamoya , I was wondering why my styles suddenly broke when updating to this library.

As for the styles, I've been using @PedroJesusRomeroOrtega 's solution. ::ng-deep works (i haven't find a better solution that doesn't use !important though). It would be nice to have a better way to control the border style of thumbnails.

from ngx-gallery.

This is still an issue for me, it really messes up the CSS of the rest of the site. Can you not structure your CSS better and not use global declarations?

from ngx-gallery.