As a user I want better styling in markdown reports on the INFO page
Background
Basic styling can sometimes be desired in the markdown reports, e.g. to highlight certain important parts of the report or warning. An example is when a sample fails, users want the failing QC value highlighted. This is particularly useful for trios, as there is a lot of information displayed, and easy to make mistakes; see e.g. PAS21-8533 in Achilles.
In addition:
- Formatting of headers in the Pipeline report is lacking, currently only
h3
is supported. Example withh1
andh2
headers (old vs. new frontend):
- FIXED
Tables in the Pipeline report could be improved, currently maxes width, which doesn't work well with few columns - Formatting of the Pipeline warning is lacking bullets and uniform text font; from ella-testdata!6 (merged):
Implementation
-
Consider markdown tools to use that supports basic styling added to the markdown (e.g. https://github.com/remarkjs/react-markdown)EDIT: implemented in !126 (merged) - Currently, only
h3
is supported in the reports, but we need at leasth1
andh2
as well - see Report.tsx. -
Change tables to a smaller max width?EDIT: Fixed in commit 61d01f54 / !165 (merged) - TBD: Fixes needed for bullets/text formatting in Pipeline warnings
Note: Could consider changing how metadata is shipped from the pipeline (in the future).
Edited by Morten C. Eike