Angular Материал: при увеличении размера мата шагового круга меняется положение линии

Question

Пожалуйста, проверьте мой фрагмент кода Stabblitz

Answer 1

Вы можете добавить следующие стили, чтобы он работал

.mat-step-header::after, .mat-step-header::before, .mat-stepper-horizontal-line {
  top: 42px !important;
}

рабочий пример stackblitz

Answer 2

Вы должны вручную выровнять либо головку, либо разделительную линию. Для удобства я модифицировал голову. В файле styles.scss после строки 26 добавьте это top:-6px!important. Вы поняли.