Merge pull request #225 from aranaravi/develop

[MOSIP-22043]Icon alignment issue fixed in dialog box
mosip · Feb 12, 2024 · 2100a6f · 2100a6f
2 parents d1c6522 + acb3586
commit 2100a6f
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 31 deletions.
diff --git a/pmp-ui/src/app/features/resources/shared/dialog/dialog.component.html b/pmp-ui/src/app/features/resources/shared/dialog/dialog.component.html
@@ -199,18 +199,20 @@ <h2 class="filter-heading">{{ "filters.titleTxt" | translate }}</h2>
 <!-- Message PopUp -->
 
 <div class="pop-up" *ngIf="input.case === 'MESSAGE'">
-  <img
-    src="assets/images/icon_Suceess right.png"
-    height="45px"
-    width="45px"
-    class="success-img"
-   *ngIf="input.title === 'Success' || input.title === 'النجاح' || input.title === 'Succès'|| input.title === 'सफलता' || input.title === 'ಯಶಸ್ಸು' || input.title === 'வெற்றி'"   />
-   <img
-    src="assets/images/cross.png"
-    height="45px"
-    width="45px"
-    class="success-img"
-   *ngIf="input.title === 'Error' || input.title === 'خطأ' || input.title === 'Erreur'|| input.title === 'त्रुटि' || input.title === 'ತಪ್ಪು' || input.title === 'பிழை'"   />
+  <div class="pop-up-header">
+    <img
+      src="assets/images/icon_Suceess right.png"
+      height="45px"
+      width="45px"
+      class="success-img"
+     *ngIf="input.title === 'Success' || input.title === 'النجاح' || input.title === 'Succès'|| input.title === 'सफलता' || input.title === 'ಯಶಸ್ಸು' || input.title === 'வெற்றி'"   />
+    <img
+      src="assets/images/cross.png"
+      height="45px"
+      width="45px"
+      class="success-img"
+     *ngIf="input.title === 'Error' || input.title === 'خطأ' || input.title === 'Erreur'|| input.title === 'त्रुटि' || input.title === 'ತಪ್ಪು' || input.title === 'பிழை'"   />
+  </div>
   <div class="pop-up-header">
     <b mat-dialog-title>{{ input.title }}</b>
     <div mat-dialog-content>

diff --git a/pmp-ui/src/app/shared/dialog/dialog.component.html b/pmp-ui/src/app/shared/dialog/dialog.component.html
@@ -247,18 +247,20 @@ <h2 class="filter-heading">{{ "filters.titleTxt" | translate }}</h2>
 
 <!-- Message PopUp -->
 <div class="pop-up" *ngIf="input.case === 'MESSAGE'">
-  <img
-    src="assets/images/icon_Suceess right.png"
-    height="45px"
-    width="45px"
-    class="success-img"
-   *ngIf="input.title === 'Success' || input.title === 'النجاح' || input.title === 'Succès'|| input.title === 'सफलता' || input.title === 'ಯಶಸ್ಸು' || input.title === 'வெற்றி'"   />
-   <img
-    src="assets/images/cross.png"
-    height="45px"
-    width="45px"
-    class="success-img"
-   *ngIf="input.title === 'Error' || input.title === 'خطأ' || input.title === 'Erreur'|| input.title === 'त्रुटि' || input.title === 'ತಪ್ಪು' || input.title === 'பிழை'"   />
+  <div class="pop-up-header">
+    <img
+      src="assets/images/icon_Suceess right.png"
+      height="45px"
+      width="45px"
+      class="success-img"
+     *ngIf="input.title === 'Success' || input.title === 'النجاح' || input.title === 'Succès'|| input.title === 'सफलता' || input.title === 'ಯಶಸ್ಸು' || input.title === 'வெற்றி'"   />
+    <img
+      src="assets/images/cross.png"
+      height="45px"
+      width="45px"
+      class="success-img"
+     *ngIf="input.title === 'Error' || input.title === 'خطأ' || input.title === 'Erreur'|| input.title === 'त्रुटि' || input.title === 'ತಪ್ಪು' || input.title === 'பிழை'"   />
+  </div>
   <div class="pop-up-header">
     <b mat-dialog-title>{{ input.title }}</b>
     <div mat-dialog-content>
@@ -275,12 +277,14 @@ <h2 class="filter-heading">{{ "filters.titleTxt" | translate }}</h2>
 </div>
 
 <div class="pop-up" *ngIf="input.case === 'ERROR'">
-  <img
-    src="assets/images/cross.png"
-    height="45px"
-    width="45px"
-    class="success-img"
-   *ngIf="input.title === 'Error' || input.title === 'خطأ' || input.title === 'Erreur'|| input.title === 'त्रुटि' || input.title === 'ತಪ್ಪು' || input.title === 'பிழை'"   />
+  <div class="pop-up-header">
+    <img
+      src="assets/images/cross.png"
+      height="45px"
+      width="45px"
+      class="success-img"
+     *ngIf="input.title === 'Error' || input.title === 'خطأ' || input.title === 'Erreur'|| input.title === 'त्रुटि' || input.title === 'ತಪ್ಪು' || input.title === 'பிழை'"   />
+  </div>
   <div class="pop-up-header">
     <b mat-dialog-title>{{ input.title }}</b>
     <div mat-dialog-content>

diff --git a/pmp-ui/src/styles.scss b/pmp-ui/src/styles.scss
@@ -14,7 +14,9 @@ html {
   font-size: 14px;
 }
 .success-img {
-  margin: 16px 0 0 42%;
+  /*margin: 16px 0 0 42%;*/
+  position: fixed;
+  left: 50%;
 }
 .spinner-placer {
   margin: 20% 0 0 40%;