From ae4446ea133e88cb6dd251ae783f9e6c31e60489 Mon Sep 17 00:00:00 2001
From: Vamsi Krishna <46787868+vamsikrishnamathala@users.noreply.github.com>
Date: Tue, 25 Mar 2025 20:27:45 +0530
Subject: [PATCH] [WEB-3680] fix: adjusted modal positions (#2803)

---
 web/ee/components/customers/customer-modal/modal.tsx       | 2 +-
 web/ee/components/customers/requests/form.tsx              | 7 ++++---
 .../issues/issue-detail-widgets/customer-requests/form.tsx | 6 +++---
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/web/ee/components/customers/customer-modal/modal.tsx b/web/ee/components/customers/customer-modal/modal.tsx
index 3290955cbf..8e7a42aa27 100644
--- a/web/ee/components/customers/customer-modal/modal.tsx
+++ b/web/ee/components/customers/customer-modal/modal.tsx
@@ -18,7 +18,7 @@ export const CreateUpdateCustomerModal: FC<Props> = observer((props) => {
   return (
     isOpen && (
       <CustomerModalProvider>
-        <ModalCore isOpen={isOpen} handleClose={onClose} position={EModalPosition.CENTER} width={EModalWidth.XXXL}>
+        <ModalCore isOpen={isOpen} handleClose={onClose} position={EModalPosition.TOP} width={EModalWidth.XXXL}>
           <CustomerForm data={customerDetails} handleModalClose={onClose} />
         </ModalCore>
       </CustomerModalProvider>
diff --git a/web/ee/components/customers/requests/form.tsx b/web/ee/components/customers/requests/form.tsx
index 93072eded1..815d9350ad 100644
--- a/web/ee/components/customers/requests/form.tsx
+++ b/web/ee/components/customers/requests/form.tsx
@@ -159,7 +159,7 @@ export const CustomerRequestForm: FC<TProps> = observer((props) => {
   return (
     <>
       {/* Request Modal */}
-      <ModalCore isOpen={isOpen} handleClose={handleClose} position={EModalPosition.CENTER} width={EModalWidth.XXXL}>
+      <ModalCore isOpen={isOpen} handleClose={handleClose} position={EModalPosition.TOP} width={EModalWidth.XXXL}>
         <ExistingIssuesListModal
           workspaceSlug={workspaceSlug}
           isOpen={workItemsModal}
@@ -175,7 +175,8 @@ export const CustomerRequestForm: FC<TProps> = observer((props) => {
             {data?.id ? t("customers.requests.update") : t("customers.requests.add")}
           </h3>
           <form onSubmit={handleSubmit(onSubmit)}>
-            <div className="max-h-[40vh] overflow-y-auto vertical-scrollbar scrollbar-sm py-2">
+            {/* overflow-y-auto vertical-scrollbar scrollbar-sm */}
+            <div className="py-2">
               <div className="space-y-2">
                 <div>
                   <Controller
@@ -222,7 +223,7 @@ export const CustomerRequestForm: FC<TProps> = observer((props) => {
                           ...payload,
                         })
                       }
-                      containerClassName="pt-3 min-h-[120px] rounded-lg relative border border-custom-border-100"
+                      containerClassName="pt-3 min-h-[150px] rounded-lg relative border border-custom-border-100"
                       uploadFile={async (blockId, file) => {
                         try {
                           const { asset_id } = await uploadEditorAsset({
diff --git a/web/ee/components/issues/issue-detail-widgets/customer-requests/form.tsx b/web/ee/components/issues/issue-detail-widgets/customer-requests/form.tsx
index 7f51c1e909..a15324f36d 100644
--- a/web/ee/components/issues/issue-detail-widgets/customer-requests/form.tsx
+++ b/web/ee/components/issues/issue-detail-widgets/customer-requests/form.tsx
@@ -142,14 +142,14 @@ export const WorkItemRequestForm: FC<TProps> = observer((props) => {
 
   return (
     <>
-      <ModalCore isOpen={isOpen} handleClose={handleClose} position={EModalPosition.CENTER} width={EModalWidth.XXXL}>
+      <ModalCore isOpen={isOpen} handleClose={handleClose} position={EModalPosition.TOP} width={EModalWidth.XXXL}>
         <SourceCreateUpdateModal id={workItemId} setLinkData={setLink} preloadedData={{ url: link }} />
         <div className="p-4">
           <h3 className="text-xl font-medium text-custom-text-200">
             {data?.id ? t("customers.requests.update") : t("customers.requests.add")}
           </h3>
           <form onSubmit={handleSubmit(onSubmit)}>
-            <div className="max-h-[40vh] overflow-y-auto vertical-scrollbar scrollbar-sm py-2">
+            <div className="py-2">
               <div className="space-y-2">
                 <div>
                   <div className="w-fit">
@@ -214,7 +214,7 @@ export const WorkItemRequestForm: FC<TProps> = observer((props) => {
                           ...payload,
                         })
                       }
-                      containerClassName="pt-3 min-h-[120px] rounded-lg relative border border-custom-border-100"
+                      containerClassName="pt-3 min-h-[150px] rounded-lg relative border border-custom-border-100"
                       uploadFile={async (blockId, file) => {
                         try {
                           const { asset_id } = await uploadEditorAsset({