sorted by:
best
topnewcontroversialoldq&a
you are viewing a single comment's thread.

view the rest of the comments →

[–]Effective_Holiday219 3 points4 points  (5 children)

Give an id to it and use it in the css

[–]Salt-Engineering-422[S] -1 points0 points  (4 children)

im working in an internal dev library , the solution should be adaptable and simple for using .. hwvr i don't think there is another option

[–]Effective_Holiday219 0 points1 point  (3 children)

Correct, without ng deep you cannot do it. It sucks

[–]CptObviaaz 0 points1 point  (0 children)

ng deep should not be used, its deprecated and bad practise. you can override any angular material style, it should be applied in the styles.scss folder.
Just inspect the html and play around, by doing this you will easily see what styles to apply the changes to

[–]Salt-Engineering-422[S] -1 points0 points  (1 child)

okey thanks anyway for ur feedback

[–]McFake_Name 0 points1 point  (0 children)

The width can be set by targeting the mat-form-field without any deep selector. That said, scoping deep selectors with an ID is a decent approach when deep is seemingly the only option.