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

fix cdk scrollable sidenav (#3204)

Browse Source
This commit is contained in:
Eugenio Romano
2018-04-16 22:42:22 +01:00
committed by GitHub
parent 2aafecd752
commit c8cbc8d645
4 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
demo-shell/src/app/components/app-layout/app-layout.component.html
View File

@@ -1,4 +1,3 @@
<adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="false" [expandedSidenav]="false"> <adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="220" [stepOver]="780" [hideSidenav]="false" [expandedSidenav]="false">
<adf-sidenav-layout-header> <adf-sidenav-layout-header>
@@ -52,4 +51,4 @@
</ng-template> </ng-template>
</adf-sidenav-layout-content> </adf-sidenav-layout-content>
</adf-sidenav-layout> </adf-sidenav-layout>

5
demo-shell/src/app/components/app-layout/app-layout.component.scss
View File

@@ -19,8 +19,9 @@
} }
.adf-app-layout-toolbar { .adf-app-layout-toolbar {
position: relative; z-index: 200000;
overflow: visible !important; position: relative;
overflow: visible !important;
} }
.adf-app-layout { .adf-app-layout {

8
lib/core/sidenav-layout/components/layout-container/layout-container.component.html
View File

@@ -7,7 +7,9 @@
<ng-content sidenav select="[app-layout-navigation]"></ng-content> <ng-content sidenav select="[app-layout-navigation]"></ng-content>
</mat-sidenav> </mat-sidenav>
<mat-sidenav-content [@contentAnimation]="contentAnimationState"> <div>
<ng-content select="[app-layout-content]"></ng-content> <div [@contentAnimation]="contentAnimationState" style="margin-left: 0 !important">
</mat-sidenav-content> <ng-content select="[app-layout-content]"></ng-content>
</div>
</div>
</mat-sidenav-container> </mat-sidenav-container>

5
lib/core/sidenav-layout/components/layout-container/layout-container.component.scss
View File

@@ -30,6 +30,11 @@ ng-content {
overflow: hidden; overflow: hidden;
} }
:host ::ng-deep mat-sidenav-content{
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;