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

Question

На угловой панели расширения есть кнопка по умолчанию справа, например, так:

Я пытался просмотреть документацию, но не смогнайти то, что я хотел. Есть ли простой способ поместить кнопку переключения слева от заголовка (Персональные данные) вместо того, чтобы располагать ее полностью вправо?

Были некоторые свойства, чтобы скрыть кнопку переключения, но ничего не относилось кменяя свою позицию.

Answer 1

Вы можете переместить кнопку со стрелкой, переопределив правила стиля по умолчанию. В этом случае вы смотрите на mat-expansion-panel-header класс.

.mat-expansion-panel-header {
  flex-direction: row-reverse;
}
.mat-content {
  padding-left: 10px;
}