datatables.min.css over-writing essential-core.css
Posted: 15 Nov 2022, 15:24
In Application Service Summary report (and likely others)...
The "Implemented Applications" table should have a coloured background in the Provider Name column to illustrate the lifecycle and standard state of a provider within the service. This background is always rendered as white regardless of the lifecycle or standard state, until the css elements of datatables.min.css are disabled, when the colouring is correctly applied. Viewing the source shows the correct directive for the background is present in the td element (e.g. "bg-darkgreen-20"):
------
Editing the header of the report in devtools to move the essential-core.css file to the end of the head does not seem to affect this, only disabling the "dtfc-fixed-left" style in the debug tools or removing "datatables.min.css" include entirely causes the background to render correctly.
The "Implemented Applications" table should have a coloured background in the Provider Name column to illustrate the lifecycle and standard state of a provider within the service. This background is always rendered as white regardless of the lifecycle or standard state, until the css elements of datatables.min.css are disabled, when the colouring is correctly applied. Viewing the source shows the correct directive for the background is present in the td element (e.g. "bg-darkgreen-20"):
Code: Select all
<td style="text-align: left; padding-left: 5px; left: 0px; position: sticky;" class="bg-darkgreen-20 dtfc-fixed-left">
Editing the header of the report in devtools to move the essential-core.css file to the end of the head does not seem to affect this, only disabling the "dtfc-fixed-left" style in the debug tools or removing "datatables.min.css" include entirely causes the background to render correctly.