RED-4513: Dossier states listing CSS

This commit is contained in:
Adina Țeudan 2022-07-11 22:33:07 +03:00
parent 48467b4a16
commit e81e91d5b6
4 changed files with 8 additions and 7 deletions

View File

@ -66,15 +66,15 @@
<div class="cell">
<div class="flex-align-items-center">
<div [style.background-color]="state.color" class="dossier-state-square"></div>
<div class="state-name">{{ state.name }}</div>
<div [matTooltip]="state.name" class="state-name clamp-1" matTooltipPosition="above">{{ state.name }}</div>
</div>
</div>
<div class="cell">
<div class="cell center">
<span class="small-label">{{ state.rank }}</span>
</div>
<div class="cell">
<div class="cell center">
<span class="small-label">{{ state.dossierCount }}</span>
</div>

View File

@ -14,4 +14,5 @@
.right-container {
padding: 50px 26px 0;
width: 250px;
}

View File

@ -28,9 +28,9 @@ export class DossierStatesListingScreenComponent extends ListingComponent<Dossie
readonly circleButtonTypes = CircleButtonTypes;
readonly tableHeaderLabel = _('dossier-states-listing.table-header.title');
readonly tableColumnConfigs: TableColumnConfig<DossierState>[] = [
{ label: _('dossier-states-listing.table-col-names.name'), sortByKey: 'name' },
{ label: _('dossier-states-listing.table-col-names.rank'), sortByKey: 'rank' },
{ label: _('dossier-states-listing.table-col-names.dossiers-count') },
{ label: _('dossier-states-listing.table-col-names.name'), sortByKey: 'name', width: '3fr' },
{ label: _('dossier-states-listing.table-col-names.rank'), sortByKey: 'rank', class: 'flex-center' },
{ label: _('dossier-states-listing.table-col-names.dossiers-count'), class: 'flex-center' },
];
chartConfig$: Observable<DonutChartConfig[]>;
readonly #dossierTemplateId = getParam('dossierTemplateId');

@ -1 +1 @@
Subproject commit c39a69df3e04c1cce01587aba182e176951735f9
Subproject commit f9ef1003fd3295f5bc4c81ed9be3b77224e7370e