MOBILE-4372 theme: Remove modal lateral margin in RTL

moodlehq · Aug 11, 2023 · 33bece4 · 33bece4
1 parent abc6461
commit 33bece4
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
@@ -699,8 +699,6 @@ body.core-iframe-fullscreen ion-router-outlet {
     --ion-safe-area-right: 0px;
 
     .modal-wrapper {
-        @include margin-horizontal(var(--modal-lateral-margin), null);
-
         position: absolute;
         @include position(0 !important, 0 !important, 0 !important, unset !important);
         display: block;
@@ -719,6 +717,14 @@ body.core-iframe-fullscreen ion-router-outlet {
     }
 }
 
+html:not([dir="rtl"]) {
+    .core-modal-lateral {
+        .modal-wrapper {
+            @include margin-horizontal(var(--modal-lateral-margin), null);
+        }
+    }
+}
+
 .core-modal-transparent-no-filter {
     @extend .core-modal-transparent;
     ion-backdrop {