inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

43
lib/core/sidenav-layout/components/layout-container/layout-container.component.scss
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; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
ng-content { .sidenav--hidden {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.sidenav--hidden {
visibility: hidden !important; visibility: hidden !important;
width: 0 !important; width: 0 !important;
transform: unset !important; transform: unset !important;
opacity: 0 !important; opacity: 0 !important;
} }
.mat-sidenav-container { .mat-sidenav-container {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
.mat-sidenav { .mat-sidenav {
overflow: hidden; 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; margin-left:0px !important;
} }
.mat-sidenav-content, .mat-sidenav-content,
.mat-drawer-transition .mat-drawer-content { .mat-drawer-transition .mat-drawer-content {
transform: unset !important; transform: unset !important;
transition-property: unset !important; transition-property: unset !important;
transition-duration: unset !important; transition-duration: unset !important;
transition-timing-function: unset !important; transition-timing-function: unset !important;
}
} }

2
lib/core/styles/_index.scss
View File

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