angular - 水平滚动 Angular Material Stepper 表单标题项

Question

我有一个 Angular Material Stepper 表单，上面有 15 个步骤。由于有很多步骤，标题文本正在缩小，无法看到文本。请参考下图：

我正在尝试为每个标题项设置固定宽度，并使标题像在材料选项卡中一样水平滚动。我使用的代码如下：

StackBlitz

请帮我完成这件事。

Answer 1

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

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