[Perl] DAQ system for the FAPG.
style flex chart cards so info panels squish uniformly
Cards in rows stretch to equal height and chart-wrap fills remaining space. Expanding an info panel on one card does not misalign its sibling.
roles/dashboard/public/css/app.css
@@ -333,6 +333,25 @@
333
333
}
334
334
}
335
335
336
Added:
/* All chart cards flex their body so info collapses squish evenly */
337
Added:
.row > [class*="col"] > .card {
338
Added:
height: 100%;
339
Added:
display: flex;
340
Added:
flex-direction: column;
341
Added:
}
342
Added:
343
Added:
.row > [class*="col"] > .card > .card-body {
344
Added:
display: flex;
345
Added:
flex: 1;
346
Added:
flex-direction: column;
347
Added:
min-height: 0;
348
Added:
}
349
Added:
350
Added:
.row > [class*="col"] > .card > .card-body > .chart-wrap {
351
Added:
flex: 1;
352
Added:
min-height: 0;
353
Added:
}
354
Added:
336
355
/* Probes grid — square aspect ratio cards with flex charts */
337
356
.probes-grid .card {
338
357
aspect-ratio: 1 / 1;