mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
bb0bdbfc1d
* overwrite mat-drawer-content position * set attributes based on direction and position * add direction support * update tests * update doc * fix direction description * use native direction attribute * bind to dir input * update docs * remove direction attribute * listen to user preference textOrientation changes * update tests * remove unused import
42 lines
852 B
SCSS
42 lines
852 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;
|
|
position: unset;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
}
|