MOSIP-33823: Long error message fix (#499)

* MOSIP-33823: Long error message fix Signed-off-by: SwethaKrish4 <[email protected]> * MOSIP-33823: Long error message fix Signed-off-by: SwethaKrish4 <[email protected]> * MOSIP-33823: Long error message fix Signed-off-by: SwethaKrish4 <[email protected]> --------- Signed-off-by: SwethaKrish4 <[email protected]>
mosip · Jun 19, 2024 · e5dc7ab · e5dc7ab
1 parent 99fcda6
commit e5dc7ab
Show file tree

Hide file tree

Showing 12 changed files with 18 additions and 18 deletions.
diff --git a/pmp-reactjs-ui/src/pages/authenticationServices/CreateOidcClient.js b/pmp-reactjs-ui/src/pages/authenticationServices/CreateOidcClient.js
@@ -306,8 +306,8 @@ function CreateOidcClient() {
       {dataLoaded && (
         <>
           {errorMsg && (
-              <div className={`flex justify-end max-w-7xl mb-5 absolute ${isLoginLanguageRTL? "left-0" : "right-0"}`}>
-                  <div className="flex justify-between items-center max-w-[400px] min-h-14 min-w-72 bg-[#C61818] rounded-xl p-3">
+              <div className={`flex justify-end max-w-7xl mb-5 absolute ${isLoginLanguageRTL? "left-0" : "right-2"}`}>
+                  <div className="flex justify-between items-center max-w-[35rem] min-h-14 min-w-72 bg-[#C61818] rounded-xl p-3">
                       <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                   </div>
               </div>

diff --git a/pmp-reactjs-ui/src/pages/authenticationServices/DeactivateOidcClient.js b/pmp-reactjs-ui/src/pages/authenticationServices/DeactivateOidcClient.js
@@ -66,7 +66,7 @@ function DeactivateOidcClient({ closePopUp, clientData }) {
                 {dataLoaded && (
                     <>
                         {errorMsg && (
-                            <div className="flex justify-end absolute w-1/3">
+                            <div className="flex justify-end items-center absolute w-[55%] md:w-[390px]">
                                 <div className="flex justify-between items-center min-h-14 bg-[#C61818] rounded-xl p-3">
                                     <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                                 </div>

diff --git a/pmp-reactjs-ui/src/pages/authenticationServices/EditOidcClient.js b/pmp-reactjs-ui/src/pages/authenticationServices/EditOidcClient.js
@@ -184,7 +184,7 @@ function EditOidcClient() {
                 <>
                     {errorMsg && (
                         <div className={`flex justify-end max-w-7xl mb-5 absolute ${isLoginLanguageRTL? "left-0" : "right-2"}`}>
-                            <div className="flex justify-between items-center max-w-[400px] min-h-14 min-w-72 bg-[#C61818] rounded-xl p-3">
+                            <div className="flex justify-between items-center max-w-[35rem] min-h-14 min-w-72 bg-[#C61818] rounded-xl p-3">
                                 <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                             </div>
                         </div>

diff --git a/pmp-reactjs-ui/src/pages/authenticationServices/OidcClientsList.js b/pmp-reactjs-ui/src/pages/authenticationServices/OidcClientsList.js
@@ -269,8 +269,8 @@ function OidcClientsList() {
             {dataLoaded && (
                 <>
                     {errorMsg && (
-                        <div className={`flex justify-end max-w-7xl mb-5 absolute ${isLoginLanguageRTL ? "left-0" : "right-0"}`}>
-                            <div className="flex justify-between items-center max-w-96 min-h-14 min-w-72 bg-[#C61818] rounded-xl p-3 z-10">
+                        <div className={`flex justify-end max-w-7xl mb-5 mt-2 absolute ${isLoginLanguageRTL ? "left-0" : "right-2"}`}>
+                            <div className="flex justify-between items-center max-w-[35rem] min-h-14 min-w-72 bg-[#C61818] rounded-xl p-3 z-10">
                                 <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                             </div>
                         </div>

diff --git a/pmp-reactjs-ui/src/pages/certificates/PartnerCertificatesList.js b/pmp-reactjs-ui/src/pages/certificates/PartnerCertificatesList.js
@@ -141,7 +141,7 @@ function PartnerCertificatesList() {
                 <>
                     {errorMsg && (
                         <div className={`flex justify-end max-w-7xl mb-5 absolute ${isLoginLanguageRTL ? "left-0" : "right-0"}`}>
-                            <div className="flex justify-between items-center max-w-96 min-h-14 min-w-72 bg-[#C61818] rounded-xl p-4">
+                            <div className="flex justify-between items-center max-w-[35rem] min-h-14 min-w-72 bg-[#C61818] rounded-xl p-4">
                                 <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                             </div>
                         </div>

diff --git a/pmp-reactjs-ui/src/pages/certificates/UploadCertificate.js b/pmp-reactjs-ui/src/pages/certificates/UploadCertificate.js
@@ -233,14 +233,14 @@ function UploadCertificate({ closePopup, partnerData }) {
                                 )}
                                 {uploadSuccess && successMsg && (
                                     <div className="absolute inset-0 flex justify-center">
-                                        <div className="bg-fruit-salad md:w-[25rem] w-full min-h-[3.2rem] max-h-16 flex items-center justify-between p-4">
+                                        <div className="bg-fruit-salad md:w-[25rem] w-full min-h-[3.2rem] h-fit flex items-center justify-between p-4">
                                             <SuccessMessage successMsg={successMsg} clickOnCancel={cancelSuccessMsg}></SuccessMessage>
                                         </div>
                                     </div>
                                 )}
                                 {uploadFailure && errorMsg && (
                                     <div className="absolute inset-0 flex justify-center">
-                                        <div className="bg-moderate-red md:w-[25rem] w-full min-h-[3.2rem] max-h-16 flex items-center justify-between p-3 overflow-y-auto">
+                                        <div className="bg-moderate-red md:w-[25rem] w-full min-h-[3.2rem] h-fit flex items-center justify-between p-4">
                                             <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                                         </div>
                                     </div>

diff --git a/pmp-reactjs-ui/src/pages/common/ErrorMessage.js b/pmp-reactjs-ui/src/pages/common/ErrorMessage.js
@@ -22,7 +22,7 @@ function ErrorMessage({ errorCode, errorMessage, clickOnCancel }) {
     return (
         <>
             <div className="h-full mr-8">
-                <p className=" text-sm font-bold text-white break-words font-inter">
+                <p className="text-sm text-white break-words font-inter">
                     {errorMsg}
                 </p>
             </div>

diff --git a/pmp-reactjs-ui/src/pages/common/SuccessMessage.js b/pmp-reactjs-ui/src/pages/common/SuccessMessage.js
@@ -4,7 +4,7 @@ function SuccessMessage({ successMsg, clickOnCancel}) {
     return (
         <>
             <div className="mr-6">
-                <p className=" text-sm font-semibold text-white break-words font-inter">
+                <p className="text-sm text-white break-words font-inter">
                     {successMsg}
                 </p>
             </div>

diff --git a/pmp-reactjs-ui/src/pages/dashboard/Dashboard.js b/pmp-reactjs-ui/src/pages/dashboard/Dashboard.js
@@ -111,8 +111,8 @@ function Dashboard() {
       {dataLoaded && (
         <>
           {errorMsg && (
-            <div className={`flex justify-end max-w-7xl mt-2 absolute ${isLoginLanguageRTL ?"left-2" :"right-2"}`}>
-              <div className="flex justify-between items-center max-w-96 min-h-14 min-w-72 bg-[#C61818] rounded-xl p-4">
+            <div className={`flex justify-end max-w-7xl mt-3 absolute ${isLoginLanguageRTL ?"left-2" :"right-2"}`}>
+              <div className="flex justify-between items-center max-w-[35rem] min-h-14 min-w-72 bg-[#C61818] rounded-xl p-4">
                 <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
               </div>
             </div>

diff --git a/pmp-reactjs-ui/src/pages/dashboard/SelectPolicyPopup.js b/pmp-reactjs-ui/src/pages/dashboard/SelectPolicyPopup.js
@@ -128,7 +128,7 @@ function SelectPolicyPopup() {
                 {dataLoaded && (
                     <>
                         {errorMsg && (
-                            <div className="flex justify-end absolute w-1/3">
+                            <div className="flex justify-end items-center absolute w-1/3">
                                 <div className="flex justify-between items-center min-h-14 bg-[#C61818] rounded-xl p-3">
                                     <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                                 </div>

diff --git a/pmp-reactjs-ui/src/pages/policies/Policies.js b/pmp-reactjs-ui/src/pages/policies/Policies.js
@@ -255,8 +255,8 @@ function Policies() {
       {dataLoaded && (
         <>
           {errorMsg && (
-            <div className={`flex justify-end max-w-7xl mb-5 absolute ${isLoginLanguageRTL ? "left-0" : "right-0"}`}>
-              <div className="flex justify-between items-center max-w-96 min-h-14 min-w-72 bg-[#C61818] rounded-xl p-3 z-10">
+            <div className={`flex justify-end max-w-7xl mb-5 absolute ${isLoginLanguageRTL ? "left-0" : "right-2"}`}>
+              <div className="flex justify-between items-center max-w-[35rem] min-h-14 min-w-72 bg-[#C61818] rounded-xl p-3 z-10">
                 <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
               </div>
             </div>

diff --git a/pmp-reactjs-ui/src/pages/policies/RequestPolicy.js b/pmp-reactjs-ui/src/pages/policies/RequestPolicy.js
@@ -257,8 +257,8 @@ function RequestPolicy() {
             {dataLoaded && (
                 <>
                     {errorMsg && (
-                        <div className={`flex justify-end items-center max-w-7xl mt-3 absolute ${isLoginLanguageRTL ? "left-0" : "right-0"}`}>
-                            <div className="flex justify-between items-center max-w-[35rem] min-h-14 min-w-72 bg-[#C61818] rounded-xl px-3">
+                        <div className={`flex justify-end items-center max-w-7xl absolute ${isLoginLanguageRTL ? "left-0" : "right-0"}`}>
+                            <div className="flex justify-between items-center max-w-[35rem] min-h-14 min-w-72 bg-[#C61818] rounded-xl p-3">
                                 <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                             </div>
                         </div>