alfresco-ng2-components/lib/core/layout/components/layout-container/layout-container.component.scss

@mixin adf-layout-container-theme($theme) {
    $background: map-get($theme, background);
    $foreground: map-get($theme, foreground);
    $adf-layout-container-height: 100% !default;

    adf-layout-container {
        display: block;
        width: 100%;
        height: $adf-layout-container-height;
        overflow: hidden;
    }

    .adf-container-full-width {
        width: inherit;
    }
    /* query for Microsoft IE 11*/
    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .adf-container-full-width {
            width: 100%;
        }
    }


    .adf-sidenav--hidden {
        visibility: hidden !important;
        width: 0 !important;
        transform: unset !important;
        opacity: 0 !important;
    }

    .mat-sidenav-container {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .mat-sidenav {
        overflow: hidden;
        border-right: 1px solid mat-color($foreground, text, 0.07);
        background-color: mat-color($background, background);
    }

    mat-sidenav-content.mat-sidenav-content,
    .mat-drawer-transition .mat-drawer-content {
        margin-left: 0 !important;
        transform: unset !important;
        transition-property: unset !important;
        transition-duration: unset !important;
        transition-timing-function: unset !important;
    }

    mat-sidenav-content > div {
        display: flex;
        height: $adf-layout-container-height;

        > div {
            flex: auto;
        }
    }
}