0

I'm into a project an offshore team has set up and for some reason one of the containers is set up in a way that I can only edit some of the CSS using ::NG-Deep in the SCSS file, however I don't want this to affect anyway else on the project but rather this one page, what is the correct way to do this?

Right now I have this:

::ng-deep .main-panel .full-content{
    min-height: 50%;
  }

But this is not best practice

SCOCB
  • 51
  • 6
  • 1
    Does this answer your question? [How and where to use ::ng-deep?](https://stackoverflow.com/questions/46786986/how-and-where-to-use-ng-deep) – Naren Murali Aug 11 '22 at 09:08

1 Answers1

0

Use :host to avoid it:

:host ::ng-deep .main-panel .full-content{
  min-height: 50%;
}
Eugene
  • 1,242
  • 1
  • 10
  • 15