Material Issue | juchan.dev

::ng-deep .cdk-overlay-pane {
  height: 52px;
  padding: 0 12px;
  transform: translateY(50px);
}

snackbar를 띄울때 적용한 css코드로 인해 다른 @angular/material 에도 동일하게 값이 적용되는 문제가 발생함

기본으로 내장되어있는 class는 사용하지 않는 것을 권고

snackBar의 MatSnackBarConfig 파라미터에 panelClass를 생성해서 style을 관리하면 된다

this.snackBar.openFromComponent(MobileErrorSnackbarComponent, {
    panelClass: `snackbar-container`,
  };
);