MOSIP-332947: Fixed error message issue in RTL (#433)

Signed-off-by: Anil_Kumar_Majji <[email protected]>
mosip · Jun 10, 2024 · 45c9cd2 · 45c9cd2
1 parent f14fea0
commit 45c9cd2
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
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() {
             {dataLoaded && (
                 <>
                     {errorMsg && (
-                        <div className="flex justify-end max-w-7xl absolute right-0">
+                        <div className={`flex justify-end max-w-7xl 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">
                                 <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                             </div>

diff --git a/pmp-reactjs-ui/src/pages/dashboard/Dashboard.js b/pmp-reactjs-ui/src/pages/dashboard/Dashboard.js
@@ -115,7 +115,7 @@ function Dashboard() {
       {dataLoaded && (
         <>
           {errorMsg && (
-            <div className="flex justify-end max-w-7xl mt-2 absolute right-2">
+            <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">
                 <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
@@ -248,7 +248,7 @@ function Policies() {
       {dataLoaded && (
         <>
           {errorMsg && (
-            <div className="flex justify-end max-w-7xl absolute right-0">
+            <div className={`flex justify-end max-w-7xl 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">
                 <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
               </div>

diff --git a/pmp-reactjs-ui/src/pages/policies/RequestPolicy.js b/pmp-reactjs-ui/src/pages/policies/RequestPolicy.js
@@ -245,7 +245,7 @@ function RequestPolicy() {
             {dataLoaded && (
                 <>
                     {errorMsg && (
-                        <div className="flex justify-end max-w-7xl absolute right-0">
+                        <div className={`flex justify-end max-w-7xl 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">
                                 <ErrorMessage errorCode={errorCode} errorMessage={errorMsg} clickOnCancel={cancelErrorMsg}></ErrorMessage>
                             </div>