Merged in DSC-1235 (pull request DSpace#818)

[DSC-1235] fix display of cris-layout-metrics-box Approved-by: Davide Negretti
4Science · Sep 7, 2023 · 8f2525f · 8f2525f
2 parents 97fda56 + 41ca987
commit 8f2525f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/...out-matrix/cris-layout-box-container/boxes/metrics/cris-layout-metrics-box.component.html b/...out-matrix/cris-layout-box-container/boxes/metrics/cris-layout-metrics-box.component.html
@@ -4,7 +4,7 @@
 		<div ds-metric-row
          *ngFor="let metricRow of (metricRows | async)"
          [metricRow]="metricRow"
-         class="row"
-		></div>
+         class="d-flex flex-wrap gap-3 mb-3">
+    </div>
 	</div>
 </div>
diff --git a/...ayout-matrix/cris-layout-box-container/boxes/metrics/metric-row/metric-row.component.html b/...ayout-matrix/cris-layout-box-container/boxes/metrics/metric-row/metric-row.component.html
@@ -1,6 +1,6 @@
 <ng-container *ngFor="let metric of metricRow.metrics">
   <ng-container *ngIf="metric">
-     <ds-metric-loader [metric]="metric" class="col-3 mb-2"
+     <ds-metric-loader [metric]="metric"
                        [class.d-none]="(isHidden(metric.id) | async)"
                        (hide)="toggleVisibility(metric.id, $event)"></ds-metric-loader>
   </ng-container>

diff --git a/src/app/shared/metric/metric-loader/metric-loader.component.html b/src/app/shared/metric/metric-loader/metric-loader.component.html
@@ -1,3 +1,3 @@
-<div class="container p-2" role="alert" [ngClass]="metric | dsMetricStyleConfig">
+<div class="container p-2 mb-0" style="width: 250px;" role="alert" [ngClass]="metric | dsMetricStyleConfig">
   <div #container></div>
 </div>