layout-container.component.scss

@mixin adf-layout-container-theme($theme) {
    $background: map-get($theme, background);
    $foreground: map-get($theme, foreground);

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


    [dir='rtl'] .adf-rtl-container-alignment {
        margin-left: 10px!important;
    }

    ng-content {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .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;
    }
}