Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove scroll bar when header text overflows in patient details. #6910

Merged
merged 8 commits into from
Jan 4, 2024
26 changes: 12 additions & 14 deletions src/Components/Patient/PatientHome.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -311,20 +311,18 @@ export const PatientHome = (props: any) => {
patientData.medical_history.length
) {
const medHis = patientData.medical_history;
patientMedHis = medHis.map((item: any, idx: number) => (
<div className="sm:col-span-1" key={`med_his_${idx}`}>
{item?.disease !== "NO" && (
<>
<div className="overflow-x-scroll text-sm font-semibold leading-5 text-zinc-400">
{item.disease}
</div>
<div className="mt-1 overflow-x-scroll whitespace-normal break-words text-sm font-medium leading-5">
{item.details}
</div>
</>
)}
</div>
));
patientMedHis = medHis
.filter((item) => item.disease !== "NO")
.map((item, idx) => (
<div className="sm:col-span-1" key={`med_his_${idx}`}>
<div className="break-words text-sm font-semibold leading-5 text-zinc-400">
{item.disease}
</div>
<div className="mt-1 whitespace-normal break-words text-sm font-medium leading-5">
{item.details}
</div>
</div>
));
}

let consultationList, sampleList;
Expand Down
Loading