fix rtl (#3649)

ec-europa · Sep 27, 2024 · ddd228a · ddd228a · github-actions · Sep 27, 2024
1 parent 5ef50de
commit ddd228a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/implementations/vanilla/components/modal/modal.scss b/src/implementations/vanilla/components/modal/modal.scss
@@ -180,7 +180,10 @@ $overflow-height: 2rem;
 }
 
 .ecl-modal__close {
-  margin: map.get($modal, 'close-margin');
+  margin-bottom: 0;
+  margin-inline-end: map.get($modal, 'close', 'margin-end');
+  margin-inline-start: 0;
+  margin-top: map.get($modal, 'close', 'margin-top');
 
   .ecl-button__icon {
     margin: 0;

diff --git a/src/themes/ec/variables/_modal.scss b/src/themes/ec/variables/_modal.scss
@@ -11,7 +11,10 @@ $modal: (
     padding-mobile: var(--s-3xl) var(--s-3xl) var(--s-xl) var(--s-3xl),
     padding-desktop: var(--s-3xl) var(--s-3xl) var(--s-xl) var(--s-3xl),
   ),
-  close-margin: calc(-1 * var(--s-xl)) calc(-1 * var(--s-xl)) 0 0,
+  close: (
+    margin-top: calc(-1 * var(--s-xl)),
+    margin-end: calc(-1 * var(--s-xl)),
+  ),
   body: (
     padding-mobile: 0 var(--s-3xl) var(--s-xl) var(--s-3xl),
     padding-desktop: 0 var(--s-3xl) var(--s-xl) var(--s-3xl),

diff --git a/src/themes/eu/variables/_modal.scss b/src/themes/eu/variables/_modal.scss
@@ -11,7 +11,10 @@ $modal: (
     padding-mobile: var(--s-l) var(--s-l) var(--s-m),
     padding-desktop: var(--s-l) var(--s-l) var(--s-m),
   ),
-  close-margin: calc(-1 * var(--s-s)) calc(-1 * var(--s-s)) 0 0,
+  close: (
+    margin-top: calc(-1 * var(--s-s)),
+    margin-end: calc(-1 * var(--s-s)),
+  ),
   body: (
     padding-mobile: 0 var(--s-l) var(--s-m) var(--s-l),
     padding-desktop: 0 var(--s-l) var(--s-m) var(--s-l),