Нижний колонтитул с сиденав

Question

Я пытаюсь создать нижний колонтитул с материалом ануглар sidenav, который будет отображаться под всей панелью навигации и ее содержимым, привязанным к основанию. В результате я получаю, что navbar не растягивается до нижнего колонтитула, если не хватает контента. Вот ссылка на пример того, что я получаю. Это ссылка редактора

Answer 1

.mat-drawer-container {
    position: inherit;
    z-index: 1;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow: hidden;
}

.mat-drawer-container {
    position: relative;
    z-index: -1;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow: hidden;
    height: 100%!important;
}