From 2a63491553cf9c19fda7dc98f2d795a0466ec186 Mon Sep 17 00:00:00 2001 From: Edwin Tan Date: Wed, 6 Nov 2024 12:18:41 -0800 Subject: [PATCH 1/3] fix bug where the vertical scrollbar is not appearing --- src/components/editCqlLibrary/EditCQLLibrary.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/editCqlLibrary/EditCQLLibrary.scss b/src/components/editCqlLibrary/EditCQLLibrary.scss index 0a173cb..359d6fa 100644 --- a/src/components/editCqlLibrary/EditCQLLibrary.scss +++ b/src/components/editCqlLibrary/EditCQLLibrary.scss @@ -69,8 +69,10 @@ height: 700px; .left-panel { - width: 75%; - overflow: hidden; + > div { + height: calc(100% - 40px); + overflow: auto; + } > .panel-content { padding-top: 32px; @@ -81,7 +83,6 @@ } .right-panel { - width: 25%; margin-left: 12px; > .panel-content { @@ -137,7 +138,7 @@ .sash { width: 16px; background-color: #ddd; - + &:before { position: absolute; content: ""; From cef667f67723d90127676d45bae8cce7bb9a2b40 Mon Sep 17 00:00:00 2001 From: Edwin Tan Date: Wed, 6 Nov 2024 12:23:39 -0800 Subject: [PATCH 2/3] fix bug where the 'Indicates required field' element would be overlapped by the madie-alert --- src/components/editCqlLibrary/EditCqlLibrary.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/editCqlLibrary/EditCqlLibrary.tsx b/src/components/editCqlLibrary/EditCqlLibrary.tsx index b2c1fa6..15bedb9 100644 --- a/src/components/editCqlLibrary/EditCqlLibrary.tsx +++ b/src/components/editCqlLibrary/EditCqlLibrary.tsx @@ -394,7 +394,6 @@ const EditCqlLibrary = () => { />
Date: Wed, 6 Nov 2024 12:28:44 -0800 Subject: [PATCH 3/3] fix prettier formatting --- src/components/editCqlLibrary/EditCQLLibrary.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/editCqlLibrary/EditCQLLibrary.scss b/src/components/editCqlLibrary/EditCQLLibrary.scss index 359d6fa..30731b9 100644 --- a/src/components/editCqlLibrary/EditCQLLibrary.scss +++ b/src/components/editCqlLibrary/EditCQLLibrary.scss @@ -138,7 +138,7 @@ .sash { width: 16px; background-color: #ddd; - + &:before { position: absolute; content: "";