[ADF-2772] Sidenav Layout - UX review (#3264)

* Add border-right in mat-sidenav
This commit is contained in:
camorra-skk
2018-05-03 21:16:05 +05:30
committed by Eugenio Romano
parent 8f9cb75120
commit abb0eb7c41
2 changed files with 26 additions and 19 deletions

View File

@@ -1,44 +1,49 @@
:host {
@mixin adf-layout-container-theme($theme) {
$foreground: map-get($theme, foreground);
adf-layout-container {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
ng-content {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
}
ng-content {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.sidenav--hidden {
.sidenav--hidden {
visibility: hidden !important;
width: 0 !important;
transform: unset !important;
opacity: 0 !important;
}
}
.mat-sidenav-container {
.mat-sidenav-container {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
}
.mat-sidenav {
.mat-sidenav {
overflow: hidden;
}
border-right: 1px solid mat-color($foreground, text, 0.07);
}
:host ::ng-deep mat-sidenav-content{
mat-sidenav-content {
margin-left:0px !important;
}
}
.mat-sidenav-content,
.mat-drawer-transition .mat-drawer-content {
.mat-sidenav-content,
.mat-drawer-transition .mat-drawer-content {
transform: unset !important;
transition-property: unset !important;
transition-duration: unset !important;
transition-timing-function: unset !important;
}
}