Denys Vuika a0926a38d8
Minor code and style fixes (#5398)
* type fixes

* import fixes

* fix typos

* fix warning for private props that init in ctor only

* typing fixes

* typing fixes

* style cleanup

* fix test template
2020-02-09 22:03:32 +00:00

64 lines
1.6 KiB
SCSS

@import '~@angular/material/theming';
@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;
}
}
}