chore: add scrolling for next actions panel (#4131)

add scrolling for next actions Co-authored-by: Dave Samojlenko <[email protected]>
cds-snc · Jul 31, 2024 · 9ba59cb · 9ba59cb
1 parent c24721e
commit 9ba59cb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/... administration)/form-builder/components/shared/right-panel/logic/MultiActionSelector.tsx b/... administration)/form-builder/components/shared/right-panel/logic/MultiActionSelector.tsx
@@ -204,7 +204,7 @@ export const MultiActionSelector = ({
 
   return (
     <>
-      <div className="flex justify-between border-b-2 border-black bg-gray-50 p-3 align-middle">
+      <div className="sticky top-0 flex justify-between border-b-2 border-black bg-gray-50 p-3 align-middle">
         <div>
           <SectionName lang={lang} sectionName={sectionName} />
           <h3 className="mb-6 ml-2 mt-2 block text-sm font-normal">

diff --git a/...orm administration)/form-builder/components/shared/right-panel/logic/SelectNextAction.tsx b/...orm administration)/form-builder/components/shared/right-panel/logic/SelectNextAction.tsx
@@ -43,7 +43,7 @@ export const SelectNextAction = ({
   if (!hasPages) {
     return (
       <>
-        <div className="flex justify-between border-b-2 border-black bg-gray-50 p-3 align-middle">
+        <div className="sticky top-0 z-10 flex justify-between border-b-2 border-black bg-gray-50 p-3 align-middle">
           <SectionName lang={lang} sectionName={sectionName} />
         </div>
         <div className="p-4">
@@ -115,7 +115,7 @@ export const SelectNextAction = ({
 
   // If we have an item a question is selected
   return (
-    <div>
+    <div className="m-0 h-[calc(100vh-150px)] w-full overflow-scroll">
       {typesWithOptions.includes(item.type) ? (
         /* 
           If the item (form element) has options