style tweaks

This commit is contained in:
Art Lowel
2024-01-25 14:18:48 +01:00
parent 6b36f0e03f
commit ba31670db7
3 changed files with 8 additions and 3 deletions

View File

@@ -1,6 +1,7 @@
<div class="container"> <div class="container mb-4">
<div class="d-flex dropdown-toggle" (click)="collapse.toggle()" [attr.aria-expanded]="!collapse.collapsed" role="button"> <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}}</h2> <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>
<div ngbCollapse #collapse="ngbCollapse"> <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({ @Component({
selector: 'ds-process-overview-table', selector: 'ds-process-overview-table',
styleUrls: ['./process-overview-table.component.scss'],
templateUrl: './process-overview-table.component.html' templateUrl: './process-overview-table.component.html'
}) })
export class ProcessOverviewTableComponent implements OnInit { export class ProcessOverviewTableComponent implements OnInit {