src/app/main-layout/main-layout.component.scss
/**
* @license
* Copyright (c) La Vía Óntica SC, Ontica LLC and contributors. All rights reserved.
*
* See LICENSE.txt in the project root for complete license information.
*/
@import '../../styles/variables', '../../styles/mixins';
@import 'top-bar/top-bar.component.scss';
$margin-size: 16px;
.main-layout {
@include column;
height: 100%;
margin: 0;
}
.mat-sidenav-container,
.mat-sidenav-content,
.mat-sidenav {
@include expand;
overflow: hidden;
}
.top-bar {
display: none;
color: $text-color-dark;
padding: $margin-size;
height: $toolbar-item-size;
}
.content {
@include column;
}
.workarea {
@include expand;
height: calc(100vh - 212px);
}
.sidenav-left {
max-width: 90%;
}
.sidenav-right {
max-width: 90%;
}
.btn-collapse-sidenav-right {
position: fixed;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
bottom: 0;
margin-left: calc((#{$margin-size} + #{$toolbar-item-size}) * -1);
margin-bottom: $margin-size;
}