Открыть мат-сиденав из конечной позиции с вариантом мини-иконки

Question

Я работаю с угловым 7 и угловым материалом. Я пытался установить <mat-sidenav> с мини-иконкой в position="end"Я хочу, чтобы при нажатии боковой навигационной кнопки все значки оставались на своих местах, как это происходит в позиции "старт" + мой текст на иврите будет располагаться после значка, похожего на английский текст в начальной позиции. увидеть демо конечную позицию

любая помощь будет благословлена.

Answer 1

Попробуйте это, просто добавьте несколько вещей, чтобы лучше обрабатывать контейнер с иконками, так как он перемещался вправо.

Это два изменения, которые я сделал

.icon-container {
  margin: 0 5px;
}

<mat-list-item>
    <p  matLine *ngIf="isExpanded">בדיקה</p>
    <div class="icon-container">
      <mat-icon mat-list-icon>home</mat-icon>
    </div>
</mat-list-item>

https://stackblitz.com/edit/angular-b4gmby-ydh9sf