How to fix ng-deep bleeding in parent component

374 views Asked by At

Problem

At the moment, I am encountering ng-deep styling bleeding into other components. However, I can not solve this with the use of :host or by looking at a certain parent component like

:ng-deep parent-component {
  .k-window-content {
    padding: 0;
  }
}

Current implementation

The code is setup as follows. I have a modal component that uses kendo-dialog which contains some template. Sometimes this template requires certain styling and therefore, ng-deep is used. This however, also affects the other modals which did not require this styling.

Possible solution?

Somehow I need to check if the component has specific children, like the :has() css selector. This cannot be used yet so I need an alternative.

Any help would be greatly appreciated!

0

There are 0 answers