Skip to content
This repository has been archived by the owner on Dec 18, 2024. It is now read-only.

MAT-6461: QICore Horizontal Scroll in Highlighting #509

Merged
merged 12 commits into from
Dec 1, 2023
6 changes: 3 additions & 3 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
#qi-core-coverage {
pre {
padding-bottom: 7px;
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ import {
getFirstPopulation,
getPopulationAbbreviation,
} from "../../../util/GroupCoverageHelpers";
import "./QiCoreGroupCoverage.scss";

interface Props {
groupPopulations: GroupPopulation[];
Expand Down Expand Up @@ -280,7 +281,7 @@ const QiCoreGroupCoverage = ({
onChange={(e) => changeCriteria(e.target.value)}
/>
</div>
<div tw="flex mt-5" key={selectedCriteria}>
<div tw="flex mt-5" key={selectedCriteria} id="qi-core-coverage">
<div tw="flex-none w-1/5">
<GroupCoverageNav
id={selectedCriteria}
Expand All @@ -293,6 +294,7 @@ const QiCoreGroupCoverage = ({

{!selectedAllDefinitions ? (
<div
style={{ overflowX: "scroll" }}
tw="flex-auto p-3"
id={`${selectedHighlightingTab.abbreviation}-highlighting`}
data-testid={`${selectedHighlightingTab.abbreviation}-highlighting`}
Expand All @@ -309,7 +311,7 @@ const QiCoreGroupCoverage = ({
)}
</div>
) : (
<div>
<div style={{ overflowX: "scroll" }}>
{Object.values(selectedAllDefinitions)
.filter((record) => !!record.statementLevelHTML)
.map((record, index) => {
Expand Down
Loading