Merge pull request #279 from GurukiranP/MOSIP-21339

[MOSIP-21339] Fixed the banner and the text alignment issues in retrieve lost RID page when the text direction is rtl and some changes in i18n translation files.
mosip · Feb 15, 2024 · a47526e · a47526e
2 parents f87ca46 + ce342c8
commit a47526e
Show file tree

Hide file tree

Showing 9 changed files with 33 additions and 6 deletions.
diff --git a/admin-ui/src/app/features/lost-rid-status/lost-rid-status/lost-rid-status.component.html b/admin-ui/src/app/features/lost-rid-status/lost-rid-status/lost-rid-status.component.html
@@ -3,7 +3,7 @@
 <div id="flex-single-view" style="padding-top: 12px;padding-bottom: 10px;">
 <div id="flex-container">
 <div id="myDiv" class="flex-body" *ngIf="displayedColumns && actionEllipsis">
-  <mat-card *ngIf="filterColumns">
+  <mat-card *ngIf="filterColumns" class="lost-rid-status-card">
     <div class="example-container">
       <span><h3 class="header">{{'lostRID.subtitleenrollment' | translate}}</h3></span>
       <div *ngFor="let field of filterColumns; let i = index" style="display:inline-flex;">

diff --git a/admin-ui/src/app/features/lost-rid-status/lost-rid-status/lost-rid-status.component.scss b/admin-ui/src/app/features/lost-rid-status/lost-rid-status/lost-rid-status.component.scss
@@ -135,3 +135,8 @@ h3 {
     color: #ffffff!important;
 }
 
+:dir(rtl) .lost-rid-status-card {
+    padding-left: 50px !important;
+    padding-right: 50px !important;
+}
+
diff --git a/admin-ui/src/app/shared/table/table.component.scss b/admin-ui/src/app/shared/table/table.component.scss
@@ -129,4 +129,11 @@ td.mat-footer-cell:last-child {
 caption {
   font-size: 1.2em;
   font-weight: bold;
+}
+
+:dir(rtl) th.mat-header-cell:nth-of-type(1), :dir(rtl) td.mat-cell:nth-of-type(1), 
+:dir(rtl) td.mat-footer-cell:nth-of-type(1), :dir(rtl) .table-header:nth-of-type(1) {
+  text-align: right;
+  padding-right: 20px;
+  padding-left: 1px;
 }
diff --git a/admin-ui/src/assets/i18n/ara.json b/admin-ui/src/assets/i18n/ara.json
@@ -32,6 +32,9 @@
             "subItem3": "الحصول على شهادة",
             "subItem4": "تحميل الشهادة",
             "subItem5": "تحميل شهادة مجال أخرى"
+        },
+        "item8": {
+            "title": "استرداد RID المفقود"
         }
     },
     "dashboard": {
@@ -753,7 +756,7 @@
         "InActive":"غير نشط"
     },
     "lostRID":{
-        "titleTxt":"استرداد Lost RID",
+        "titleTxt":"استرداد RID المفقود",
         "subtitleenrollment":"تفاصيل التسجيل",
         "subtitlelocation":"موقع",
         "searchbtn":"بحث",

diff --git a/admin-ui/src/assets/i18n/fra.json b/admin-ui/src/assets/i18n/fra.json
@@ -32,7 +32,10 @@
 			"subItem3": "Obtenir un certificat",
 			"subItem4": "Télécharger le certificat",
 			"subItem5": "Télécharger un autre certificat de domaine"
-		}
+		},
+        "item8": {
+            "title": "Récupérer le RID perdu"
+        }
 	},
 	"dashboard": {
 		"welcomeMessage": "Bienvenue sur le portail d'administration Mosip!"

diff --git a/admin-ui/src/assets/i18n/hin.json b/admin-ui/src/assets/i18n/hin.json
@@ -32,7 +32,10 @@
 			"subItem3": "गेट सर्टिफिकेट",
 			"subItem4": "प्रमाणपत्र अपलोड करें",
 			"subItem5": "अन्य डोमेन प्रमाणपत्र अपलोड करें"
-		}
+		},
+        "item8": {
+            "title": "खोई हुई RID पुनः प्राप्त करें"
+        }
 	},
 	"dashboard": {
 		"welcomeMessage": "मोसिप एडमिन पोर्टल में आपका स्वागत है!"

diff --git a/admin-ui/src/assets/i18n/kan.json b/admin-ui/src/assets/i18n/kan.json
@@ -32,7 +32,10 @@
 			"subItem3": "ಪ್ರಮಾಣಪತ್ರ ಪಡೆಯಿರಿ",
 			"subItem4": "ಪ್ರಮಾಣಪತ್ರವನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡಿ",
 			"subItem5": "ಇತರ ಡೊಮೇನ್ ಪ್ರಮಾಣಪತ್ರವನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡಿ"
-		}
+		},
+        "item8": {
+            "title": "ಕಳೆದುಹೋದ RID ಅನ್ನು ಹಿಂಪಡೆಯಿರಿ"
+        }
 	},
 	"dashboard": {
 		"welcomeMessage": "ಮೊಸಿಪ್ ಅಡ್ಮಿನ್ ಪೋರ್ಟಲ್ ಗೆ ಸ್ವಾಗತ!"

diff --git a/admin-ui/src/assets/i18n/tam.json b/admin-ui/src/assets/i18n/tam.json
@@ -32,6 +32,9 @@
             "subItem3": "சான்றிதழ் பெறவும்",
             "subItem4": "சான்றிதழைப் பதிவேற்றவும்",
             "subItem5": "பிற டொமைன் சான்றிதழைப் பதிவேற்றவும்"
+        },
+        "item8": {
+            "title": "இழந்த RID ஐ மீட்டெடுக்கவும்"
         }
     },
     "dashboard": {

diff --git a/admin-ui/src/styles.scss b/admin-ui/src/styles.scss
@@ -68,7 +68,7 @@ h3 {
     margin:0px !important;
   }
   #flex-container {
-    overflow-y: scroll;
+    overflow-y: auto;
     overflow-x: hidden;
     /* max-height: 87vh; */
     padding-bottom: 20px;