mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-07-24 17:31:52 +00:00
[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:
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -51,3 +51,11 @@ ng-component {
|
|||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.aca-sidebar {
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
overflow-y: scroll;
|
||||||
|
max-width: 350px;
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
@@ -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;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user