JULog

Material Issue

August 31, 2020

ISSUE

::ng-deep .cdk-overlay-pane {
  height: 52px;
  padding: 0 12px;
  transform: translateY(50px);
}
스크린샷 2020-08-31 오후 4 11 39

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

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


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

this.snackBar.openFromComponent(MobileErrorSnackbarComponent, {
    panelClass: `snackbar-container`,
  };
);
Written by@[Ju Chan Hwang]
JUlog에 오신걸 환영합니다🤗 저에 대해 궁금하다면, 👆제 이름을 눌러보세요

GitHubFacebook