MOSIP-21045 Added screen direction RTL for ara language

Signed-off-by: Madhuravas <[email protected]>
mosip · Feb 6, 2024 · 1b419a3 · 1b419a3
1 parent c42b14b
commit 1b419a3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/...p/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html b/...p/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html
@@ -412,7 +412,7 @@
                 </div>
             </div>
             <mat-divider [vertical]="true" [inset]="true"></mat-divider>
-              <div *ngIf="showSecondaryForm" class="secondary-form" [ngStyle]="{'text-align': (secondaryLang==='ara') ? 'right' : 'left'}">
+              <div *ngIf="showSecondaryForm" class="secondary-form" [dir]="secondaryLang==='ara' ? 'rtl' : 'ltr'">
                 <mat-form-field style="padding-bottom: 10px;">
                 <mat-label><b>{{ "center.selectLanguage" | translate }}</b></mat-label>
                   <mat-select
@@ -428,7 +428,7 @@
                     </mat-option>
                   </mat-select>
                 </mat-form-field>
-                <strong class="title" [ngStyle]="isPrimaryLangRTL ? {'float':'right'} : {'float':'left'}">{{ secondaryLangDisplay }}</strong>
+                <strong class="title" >{{ secondaryLangDisplay }}</strong>
                 <span
                   *ngIf="!disableForms"
                   matTooltip="{{languageNames['keyboard-tooltip'] | translate }}"

diff --git a/admin-ui/src/app/features/resources/center/edit/edit.component.html b/admin-ui/src/app/features/resources/center/edit/edit.component.html
@@ -117,7 +117,7 @@ <h3>{{ "center.location-details" | translate }}</h3>
           </div>
           <mat-divider [vertical]="true" [inset]="true"></mat-divider>
           <div *ngIf="secondaryLanguageLabels && secondaryLang && showSecondaryForm" [formGroup]="secondaryForm"
-            [ngClass]="isSecondaryLangRTL ? 'secondary-form' : 'secondary-form-ltr'">
+            [ngClass]="isSecondaryLangRTL ? 'secondary-form' : 'secondary-form-ltr'" [dir]="isSecondaryLangRTL ? 'rtl' : 'ltl'">
             <mat-form-field style="padding-bottom: 10px;">
               <mat-label><b>{{ "center.selectLanguage" | translate }}</b></mat-label>
               <mat-select formControlName="selectLanguage" id="selectLanguage"