Cilibiu Bogdan 3b83539b13 [ADF-4227] Sidenav Layout - support direction (#4583)
* basic ui direction service

* direction property

* demo shell integration

* move the direction in up sidenav layout to allow also the header to reorganize
use the configuration editor to change rtl ltr
add documenation

* Update app.component.html

* fix unit tests

* fix overlay viewer e2e

* fix e2e
2019-04-25 00:48:41 +01:00

41 lines
823 B
SCSS

@mixin adf-sidenav-layout-theme($theme) {
$adf-sidenav-max: 300px !default;
.adf-sidenav-layout {
&-full-space {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
overflow: hidden;
min-height: 0;
width: 100%;
}
@include flex-column;
width: 100%;
.adf-layout__content {
flex: 1 1 auto;
}
router-outlet {
flex: 0 0;
}
@include layout-bp(lt-sm) {
.mat-drawer {
width: calc(-50px + 100vw) !important;
max-width: $adf-sidenav-max !important;
}
}
.mat-drawer-content {
@include flex-column;
overflow: auto;
}
}
}