Winkelmaterial überschreibt den Standardstil der SnackBar-Komponente
Posted: 13 Jan 2025, 11:03
Ich versuche, die standardmäßige maximale Breite der Snackbar-Komponente in Angular Material zu überschreiben.
Das von Angular Material angewendete CSS ist unten dargestellt:
Ich habe versucht, den gleichen Stil in meiner style.css-Datei zu überschreiben, aber dieser Stil wird durch den Standardstil überschrieben.
Ich habe eine Antwort auf eine ähnliche Frage gefunden, weiß aber, dass die Antwort auf diese Frage jetzt veraltet ist (/deep/ ist veraltet).
Gibt es hierfür eine Best-Practices-Lösung?
Das von Angular Material angewendete CSS ist unten dargestellt:
Code: Select all
.mat-snack-bar-container {
border-radius: 2px;
box-sizing: border-box;
display: block;
margin: 24px;
max-width: 568px;
min-width: 288px;
padding: 14px 24px;
transform: translateY(100%) translateY(24px);
}
Code: Select all
.mat-snack-bar-container {
max-width: 800px;
}
Gibt es hierfür eine Best-Practices-Lösung?