Hogyan kell kivételt adni egy globális css osztályhoz angulárban?
2022-08-14T22:25:34+02:00
2022-08-16T08:32:40+02:00
2022-08-16T08:50:30+02:00
stik
A problémát fokozza az, hogy egy material elem beépített css éről van szó. Több komponensben is használom ezt a materialt, viszont csak 1 ben szeretném módosítani a beéptített css osztályát. Utána olvastam és azt találtam, hogy a material elemek beépített css osztályait csak a globális styles.scss fájlban lehet módosítani. Ott meg is tettem, viszont így sajnos mindkét komponensben módosítja a beépített osztályokat. Ezt a problémát hogyan lehetne a legyegyszerűbben kiküszöbölni?

A css osztály módosítása az alábbi (a styles.scss fájlban): 

.mat-tab-body-wrapper { margin-right: 110px !important; padding-left: 40px !important; }


A válaszokat előre is köszönöm!
Mutasd a teljes hozzászólást!
Nézd meg a HTML kódod annál a komponensnél ahol szeretnéd módosítani. Nézd meg azoknál is ahol nem szeretnéd. Hasonlítsd össze, keress egy olyan CSS osztályt valamelyik szülő elemen ami csak a módosítani kívánt komponens esetén van jelen. Utána arra hivatkozz a CSS-ben, pl.:

div.valami-egyedi-szulo-class .mat-tab-body-wrapper {...
Mutasd a teljes hozzászólást!

abcd