OIS-25: fix modal styling when rtl

OpenLMIS · Sep 27, 2024 · 1ae26c4 · 1ae26c4
1 parent a2765ed
commit 1ae26c4
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/react-components/modals/_modal.scss b/src/react-components/modals/_modal.scss
@@ -38,9 +38,16 @@ $padding-value: 1rem;
   height: auto;
   top: 50%;
   inset-inline-start: 50%;
-  transform: translate(-50%, -50%);
   width: 600px;
   margin: 30px auto;
+
+  [dir='ltr'] & {
+    transform: translate(-50%, -50%);
+  }
+
+  [dir='rtl'] & {
+    transform: translate(50%, -50%);
+  }
 }
 
 .display-block {