角度材料旋转垫墨条到垂直位置

我想修改角度材质的制表符组件,使其垂直显示。所以我去了 here (Tabs) 玩css。我设法把标签垂直地显示出来。使用以下CSS:

.mat-tab-group {
    display: flex;
    flex-direction: row!important;
}
.mat-tab-labels {
    display: flex;
    flex-direction: column!important;
}

但是 mat-ink-bar 保持在预期的底部:

如何旋转条形图以垂直显示并定位在选项卡标签的右侧?也希望酒吧的过渡也能保留下来。

我认为这个杆可以顺时针旋转90度,并正确地放在右边。条的宽度也可以设置为与选项卡的高度相等。