水平滚动 Angular Material 个步进表单 header 个项目

Question

我有一个 Angular Material 步进表格，上面有 15 个步骤。由于步骤较多，header文字缩小，看不到文字。请参考下图：

我正在尝试为每个 header 项目设置固定宽度，并使 header 像在 Material 选项卡中那样水平滚动。我使用的代码如下：

StackBlitz

请帮我完成这个。

Answer 1

重要Add CSS in style.css https://stackblitz.com/edit/angular-swzbpn

.mat-horizontal-stepper-header-container {
  width: fit-content !important;
}