inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-10-01 14:41:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-1636] Make SideNav Create New Button steady (#2163)

Browse Source
This commit is contained in:
siva kumar
2021-06-03 14:14:14 +05:30
committed by GitHub
parent 980f2206ca
commit 5736cb9d20
2 changed files with 29 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/app/components/sidenav/sidenav.component.html
View File

@@ -4,30 +4,32 @@
<app-create-menu [expanded]="mode === 'expanded'"></app-create-menu> <app-create-menu [expanded]="mode === 'expanded'"></app-create-menu>
</div> </div>
<div *ngFor="let group of groups; trackBy: trackById" class="section" [ngClass]="'section--' + mode"> <div class="section-sub-actions">
<ng-container *ngSwitchCase="'expanded'"> <div *ngFor="let group of groups; trackBy: trackById" class="section" [ngClass]="'section--' + mode">
<mat-list-item *ngFor="let item of group.items; trackBy: trackById"> <ng-container *ngSwitchCase="'expanded'">
<ng-container *ngIf="!item.component"> <mat-list-item *ngFor="let item of group.items; trackBy: trackById">
<app-expand-menu [item]="item"></app-expand-menu> <ng-container *ngIf="!item.component">
</ng-container> <app-expand-menu [item]="item"></app-expand-menu>
</ng-container>
<ng-container *ngIf="item.component"> <ng-container *ngIf="item.component">
<adf-dynamic-component [data]="{ item: item, state: 'expanded' }" [id]="item.component"></adf-dynamic-component> <adf-dynamic-component [data]="{ item: item, state: 'expanded' }" [id]="item.component"></adf-dynamic-component>
</ng-container> </ng-container>
</mat-list-item> </mat-list-item>
</ng-container> </ng-container>
<ng-container *ngSwitchCase="'collapsed'"> <ng-container *ngSwitchCase="'collapsed'">
<div class="list-item" *ngFor="let item of group.items; trackBy: trackById"> <div class="list-item" *ngFor="let item of group.items; trackBy: trackById">
<ng-container *ngIf="!item.component"> <ng-container *ngIf="!item.component">
<app-button-menu [item]="item"></app-button-menu> <app-button-menu [item]="item"></app-button-menu>
</ng-container> </ng-container>
<ng-container *ngIf="item.component"> <ng-container *ngIf="item.component">
<adf-dynamic-component [data]="{ item: item, state: 'collapsed' }" [id]="item.component"> </adf-dynamic-component> <adf-dynamic-component [data]="{ item: item, state: 'collapsed' }" [id]="item.component"> </adf-dynamic-component>
</ng-container> </ng-container>
</div> </div>
</ng-container> </ng-container>
</div>
</div> </div>
</ng-container> </ng-container>
</div> </div>

6
src/app/components/sidenav/sidenav.component.scss
View File

@@ -3,6 +3,7 @@
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow-y: hidden;
} }
.sidenav { .sidenav {
@@ -24,6 +25,11 @@
.section.action-menu { .section.action-menu {
padding: 8px 14px; padding: 8px 14px;
position: sticky;
}
.section-sub-actions {
overflow-y: auto;
} }
.section { .section {