Merge branch 'w2p-107873_Process-admin-UI-redesign-01-Overview-page-t…

…ables' into process-admin-ui-redesign-8.0.0-next
DSpace · Jan 25, 2024 · db81362 · db81362
2 parents 5857a8d + ba31670
commit db81362
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/app/process-page/overview/table/process-overview-table.component.html b/src/app/process-page/overview/table/process-overview-table.component.html
@@ -1,6 +1,7 @@
-<div class="container">
-  <div class="d-flex dropdown-toggle" (click)="collapse.toggle()" [attr.aria-expanded]="!collapse.collapsed" role="button">
-    <h2 class="flex-grow-1">{{'process.overview.table.' + processStatus.toLowerCase() + '.title' | translate}}</h2>
+<div class="container mb-4">
+  <div class="d-flex" (click)="collapse.toggle()" [attr.aria-expanded]="!collapse.collapsed" role="button">
+    <h2 class="flex-grow-1">{{'process.overview.table.' + processStatus.toLowerCase() + '.title' | translate}}<span class="ml-2 toggle-icon"
+    ><i class="fas" [ngClass]="collapse.collapsed ? 'fa-angle-right' : 'fa-angle-down'"></i></span></h2>
   </div>
 
   <div ngbCollapse #collapse="ngbCollapse">

diff --git a/src/app/process-page/overview/table/process-overview-table.component.scss b/src/app/process-page/overview/table/process-overview-table.component.scss
@@ -0,0 +1,3 @@
+.toggle-icon {
+  font-size: calc(var(--bs-small-font-size) * 0.6);
+}
diff --git a/src/app/process-page/overview/table/process-overview-table.component.ts b/src/app/process-page/overview/table/process-overview-table.component.ts
@@ -30,6 +30,7 @@ export interface ProcessOverviewTableEntry {
 
 @Component({
   selector: 'ds-process-overview-table',
+  styleUrls: ['./process-overview-table.component.scss'],
   templateUrl: './process-overview-table.component.html'
 })
 export class ProcessOverviewTableComponent implements OnInit {