Как установить размер шрифта Snackbar - PullRequest
Новая
       55

Как установить размер шрифта Snackbar

0 голосов
/ 12 января 2020

Я хочу настроить больше в компоненте Snackbar, который часто используется с Angular и пользовательским интерфейсом материала, а не только устанавливать цвет. Это мой способ достижения этого.

Прежде всего, я определяю вспомогательный метод для открытия панели Snackbar по требованию, когда я хочу дать отзыв пользователю. 

    this.openSnackBarWithStyleClass('someerrormessage et cetera', 'alertSnackBarPanel');

      openSnackBarWithStyleClass(message = "Done", action = '', panelClass: string) {
    let snackBarConfig = new MatSnackBarConfig();
    snackBarConfig.verticalPosition = this.snackBarVPos;
    snackBarConfig.duration = 3000;
    snackBarConfig.panelClass = [panelClass];
    this.snackbar.open(message, action, snackBarConfig);
  }

У меня также есть этот CSS класс: 

::ng-deep .alertSnackBarPanel {
  background-color: #af3131 !important;
}

То, что я тогда хотел настроить, это настройка размера шрифта

Это работает с использованием следующее CSS правило: 

::ng-deep .altertSnackBarPanel span {
 font-size:32pt;
}

Тогда у меня вопрос: есть ли другие способы достичь этого без второго CSS класса? И - учитывая адаптивный дизайн - я должен использовать pt или другое устройство для CSS (em?).

...