Боковая панель Nav в угловых

Question

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

описание того, что вы хотите, говорите

  <div>
    <button mat-button (click)="left.open()">Field Definitions</button>
  </div>

каков правильный CSS?

Answer 1

Я полагаю, что вы ищете это , это пример, приведенный в документации по угловым материалам.

Есть несколько способов позиционирования переключателя sidenav, вы можете использовать либо CSS Flexbox или просто добавьте float: right свойство к кнопке.Я бы выбрал первый метод в сочетании с использованием mat-toolbar.