Merge branch 'w2p-107873_Process-admin-UI-redesign-01-Overview-page-tables' into process-admin-ui-redesign-8.0.0-next

This commit is contained in:
Art Lowel
2024-01-25 14:19:19 +01:00
3 changed files with 8 additions and 3 deletions

View File

@@ -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">

View File

@@ -0,0 +1,3 @@
.toggle-icon {
font-size: calc(var(--bs-small-font-size) * 0.6);
}

View File

@@ -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 {