Как заставить mat-sidenav-content брать 100% высоты с использованием Angular Material - PullRequest
0 голосов
/ 26 июня 2019

Как получить mat-sidenav-content для получения 100% высоты, используя Angular Material

Так что у меня есть боковая навигация, и я не могу заставить ее занимать 100% высоты. Он отрезан, как вы можете видеть на картинке. Используются последние версии Angular 8 и Material.

Вы можете увидеть основной компонент css здесь: https://github.com/born2net/studiopro-web/blob/master/src/app/layouts/main/main.component.scss

если я форсирую это через

<div fxLayout="row" class="container" style="background-color: darkslategray; min-height: 2000px">

это работает, но, конечно, я не хочу жесткую высоту кода в 2000px и как это выглядит здесь:

Sean

enter image description here

1 Ответ

1 голос
/ 26 июня 2019

это решило проблему:

.container {
  height: calc(100vh - 70px);
...