Как правильно выровнять angular Материал вертикальных вкладок - PullRequest
Новая
       7

Как правильно выровнять angular Материал вертикальных вкладок

1 голос
/ 08 апреля 2020

У меня есть вертикальные вкладки материала, как показано на рисунке ниже.

enter image description here

Я хочу расположить эти вкладки справа, а содержимое - слева. Как я могу это сделать.

Демонстрация Stackblitz

Я достиг вертикальных вкладок, используя css flex. (Используя ниже css) 

:host /deep/ .mat-tab-group {
  flex-direction: row;
}
:host /deep/ .mat-tab-header {
  border-bottom: none;
}
:host /deep/ .mat-tab-header-pagination {
  display: none !important;
}
:host /deep/ .mat-tab-labels {
  flex-direction: column;
}
:host /deep/ .mat-ink-bar {
  height: 100%;
  left: 98% !important;
}
:host /deep/ .mat-tab-body-wrapper {
  flex: 1 1 auto;
}

Я просто хочу иметь вкладки в правой части страницы

...