@use '../../../styles/flex' as flex;
@use '../../../styles/mixins' as mixins;
@use '../../../styles/mat-selectors' as ms;

.adf-sidenav-layout {
    @include mixins.flex-column;

    width: 100%;

    &-full-space {
        display: flex;
        flex-direction: column;
        flex: 1;
        height: 100%;
        overflow: hidden;
        min-height: 0;
        width: 100%;
    }

    .adf-layout__content {
        flex: 1 1 auto;
    }

    router-outlet {
        flex: 0 0;
    }

    #{ms.$mat-drawer-content} {
        @include mixins.flex-column;

        position: unset;
        overflow: auto;
    }

    .adf-layout-container-sidenav {
        #{ms.$mat-icon} {
            vertical-align: sub;
        }
    }
}