[ACA-4698] Refactor the parent of aca-info-drawer to style sidebar wherever present. (#3192)

* [ACA-4698] Refactor the parent of aca-info-drawer to style sidebar wherever it is present

* declared sidebar class once
This commit is contained in:
Aayush Rohila
2023-05-26 15:58:33 +05:30
committed by GitHub
parent 1a942e6820
commit bf1fa75041
10 changed files with 16 additions and 16 deletions

View File

@@ -78,7 +78,7 @@
</adf-pagination> </adf-pagination>
</div> </div>
<div class="sidebar" *ngIf="infoDrawerOpened$ | async"> <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer> <aca-info-drawer [node]="selection.last"></aca-info-drawer>
</div> </div>
</aca-page-layout-content> </aca-page-layout-content>

View File

@@ -65,7 +65,7 @@
<adf-pagination acaPagination [target]="documentList"> </adf-pagination> <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
</div> </div>
<div class="sidebar" *ngIf="infoDrawerOpened$ | async"> <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer> <aca-info-drawer [node]="selection.last"></aca-info-drawer>
</div> </div>
</aca-page-layout-content> </aca-page-layout-content>

View File

@@ -94,7 +94,7 @@
[mode]="'indeterminate'"> [mode]="'indeterminate'">
</mat-progress-spinner> </mat-progress-spinner>
<div class="sidebar" *ngIf="infoDrawerOpened$ | async"> <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer> <aca-info-drawer [node]="selection.last"></aca-info-drawer>
</div> </div>
</aca-page-layout-content> </aca-page-layout-content>

View File

@@ -69,7 +69,7 @@
<adf-pagination acaPagination [target]="documentList"> </adf-pagination> <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
</div> </div>
<div class="sidebar" *ngIf="infoDrawerOpened$ | async"> <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="$any(selection).library"></aca-info-drawer> <aca-info-drawer [node]="$any(selection).library"></aca-info-drawer>
</div> </div>
</aca-page-layout-content> </aca-page-layout-content>

View File

@@ -65,7 +65,7 @@
<adf-pagination acaPagination [target]="documentList"> </adf-pagination> <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
</div> </div>
<div class="sidebar" *ngIf="infoDrawerOpened$ | async"> <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer> <aca-info-drawer [node]="selection.last"></aca-info-drawer>
</div> </div>
</aca-page-layout-content> </aca-page-layout-content>

View File

@@ -83,7 +83,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="sidebar" *ngIf="infoDrawerOpened$ | async"> <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer> <aca-info-drawer [node]="selection.last"></aca-info-drawer>
</div> </div>
</aca-page-layout-content> </aca-page-layout-content>

View File

@@ -135,7 +135,7 @@
</adf-viewer-toolbar> </adf-viewer-toolbar>
</adf-alfresco-viewer> </adf-alfresco-viewer>
<ng-template #infoDrawerPanel> <ng-template #infoDrawerPanel>
<div class="sidebar"> <div class="aca-sidebar">
<aca-info-drawer [node]="selection.last"></aca-info-drawer> <aca-info-drawer [node]="selection.last"></aca-info-drawer>
</div> </div>
</ng-template> </ng-template>

View File

@@ -64,7 +64,7 @@
<adf-pagination acaPagination [target]="documentList"> </adf-pagination> <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
</div> </div>
<div class="sidebar" *ngIf="infoDrawerOpened$ | async"> <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
<aca-info-drawer [node]="selection.last"></aca-info-drawer> <aca-info-drawer [node]="selection.last"></aca-info-drawer>
</div> </div>
</aca-page-layout-content> </aca-page-layout-content>

View File

@@ -51,3 +51,11 @@ ng-component {
height: 100vh; height: 100vh;
} }
} }
.aca-sidebar {
display: block;
height: 100%;
overflow-y: scroll;
max-width: 350px;
width: 350px;
}

View File

@@ -56,14 +56,6 @@
} }
} }
.sidebar {
display: block;
height: 100%;
overflow-y: scroll;
max-width: 350px;
width: 350px;
}
.aca-page-layout-content { .aca-page-layout-content {
@include flex-row; @include flex-row;
} }