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 index 65cb18f5cb..e1caf69c89 100644 --- 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,7 +1,15 @@
-

{{'process.overview.table.' + processStatus.toLowerCase() + '.title' | translate}}

+

+ {{'process.overview.table.' + processStatus.toLowerCase() + '.title' | translate}} + + {{processesRD?.payload?.totalElements}} + + + + +

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 index 96a80599d2..e83f1f268a 100644 --- a/src/app/process-page/overview/table/process-overview-table.component.scss +++ b/src/app/process-page/overview/table/process-overview-table.component.scss @@ -2,6 +2,11 @@ font-size: calc(var(--bs-small-font-size) * 0.6); } +.badge-nb-processes { + font-size: var(--ds-process-overview-table-nb-processes-badge-size); + vertical-align: middle; +} + .status-header { width: var(--ds-process-overview-table-status-column-width); } diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss index 1898cc46e2..14279246ba 100644 --- a/src/styles/_custom_variables.scss +++ b/src/styles/_custom_variables.scss @@ -98,6 +98,7 @@ --ds-dso-edit-actions-width: 173px; --ds-dso-edit-virtual-tooltip-min-width: 300px; + --ds-process-overview-table-nb-processes-badge-size: 0.5em; --ds-process-overview-table-status-column-width: 150px; --ds-process-overview-table-name-column-width: auto; --ds-process-overview-table-user-column-width: 200px;