arditdomi 10e91bed2a [ADF-4229] Fix big space issue when ADF set to RTL (#4467)
* [ADF-4229] Fix big space issue when ADF Application set to RTL

* [ADF-4229] Fix big space issue when ADF Application set to RTL

* Update layout-container.component.scss
2019-03-20 15:55:16 +00:00

53 lines
1.2 KiB
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;
}
}