Mosip 32947 RTL issues (#428)

* Mosip-32947: Resolved the RTL issues in the respective pages Signed-off-by: Anil_Kumar_Majji <[email protected]> * MOSIP-32947: Resolved RTL issues for info toolpic Signed-off-by: Anil_Kumar_Majji <[email protected]> --------- Signed-off-by: Anil_Kumar_Majji <[email protected]>
mosip · Jun 7, 2024 · 216c0b2 · 216c0b2
1 parent 8b2d6c6
commit 216c0b2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/pmp-reactjs-ui/src/nav/HeaderNav.js b/pmp-reactjs-ui/src/nav/HeaderNav.js
@@ -84,11 +84,11 @@ function HeaderNav({ open, setOpen }) {
                     </svg>
                     {isDropdownOpen && (
                         <div className=" absolute top-14 right-7 z-10 w-40 h-33 origin-top-right rounded-md bg-white py-1 shadow-md ring-1 ring-gray-50 focus:outline-none">
-                            <button className="block px-4 py-2 text-sm text-gray-900 text-left">{t('header.partnerProfile')}</button>
+                            <button className={`block px-4 py-2 text-sm text-gray-900 ${isLoginLanguageRTL ? "text-right" : "text-left"}`}>{t('header.partnerProfile')}</button>
                             <div className="border-gray-100 border-t mx-2"></div>
-                            <button className="block px-4 py-2 text-sm text-gray-900 text-left">{t('header.changePassword')}</button>
+                            <button className={`block px-4 py-2 text-sm text-gray-900 ${isLoginLanguageRTL ? "text-right" : "text-left"}`}>{t('header.changePassword')}</button>
                             <div className="border-t border-gray-100 mx-2"></div>
-                            <button className="block px-4 py-2 text-sm text-red-700 text-left" onClick={logout}>{t('header.logout')}</button>
+                            <button className={`block px-4 py-2 text-sm text-red-700 ${isLoginLanguageRTL ? "text-right" : "text-left"}`} onClick={logout}>{t('header.logout')}</button>
                         </div>
                     )}
                 </div>

diff --git a/pmp-reactjs-ui/src/pages/authenticationServices/CreateOidcClient.js b/pmp-reactjs-ui/src/pages/authenticationServices/CreateOidcClient.js
@@ -87,8 +87,8 @@ function CreateOidcClient() {
     <div className={`mt-5 w-[100%] ${isLoginLanguageRTL ? "mr-32 ml-5" : "ml-32 mr-5"} overflow-x-scroll font-inter`}>
       <div className="flex-col">
         <div className="flex justify-between">
-          <div className="flex items-start space-x-3">
-            <img src={backArrow} alt="" onClick={() => moveToAuthenticationServices()} className="mt-[5%] cursor-pointer" />
+          <div className="flex items-start gap-x-3">
+            <img src={backArrow} alt="" onClick={() => moveToAuthenticationServices()} className={`mt-[5%] cursor-pointer ${isLoginLanguageRTL ? "rotate-180" : null}`} />
             <div className="flex-col">
               <h1 className="font-semibold text-xl text-dark-blue">{t('createOidcClient.createOidcClient')}</h1>
               <div className="flex space-x-1">

diff --git a/pmp-reactjs-ui/src/pages/policies/Policies.js b/pmp-reactjs-ui/src/pages/policies/Policies.js
@@ -381,7 +381,7 @@ function Policies() {
                                   </td>
                                   <td className="text-center">
                                     <div>
-                                      <p onClick={() => setViewPolicyId(index)} className="mr-9 font-semibold mb-0.5 cursor-pointer">...</p>
+                                      <p onClick={() => setViewPolicyId(index)} className={`${isLoginLanguageRTL ?"ml-9":"mr-9"} font-semibold mb-0.5 cursor-pointer`}>...</p>
                                       {
                                         viewPolicyId === index && (
                                           <div onClick={() => showViewPolicyDetails(partner)}