[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,4 +1,7 @@
:host {
@mixin adf-layout-container-theme($theme) {
$foreground: map-get($theme, foreground);
adf-layout-container {
display: block;
width: 100%;
height: 100%;
@@ -28,10 +31,11 @@ ng-content {
.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;
}
@@ -42,3 +46,4 @@ ng-content {
transition-duration: unset !important;
transition-timing-function: unset !important;
}
}

View File

@@ -25,6 +25,7 @@
@import '../sidebar/sidebar-action-menu.component';
@import '../comments/comment-list.component';
@import '../comments/comments.component';
@import '../sidenav-layout/components/layout-container/layout-container.component';
@mixin adf-core-theme($theme) {
@include adf-colors-theme($theme);
@@ -52,6 +53,7 @@
@include adf-sidebar-action-menu-theme($theme);
@include adf-task-list-comment-list-theme($theme);
@include adf-task-list-comment-theme($theme);
@include adf-layout-container-theme($theme);
}