fix: fixed close button positioning in modal components (#1733)

openedx · Nov 4, 2022 · 9d24187 · 9d24187
1 parent c338828
commit 9d24187
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/Modal/_ModalDialog.scss b/src/Modal/_ModalDialog.scss
@@ -72,7 +72,7 @@
 .pgn__modal-close-container {
   position: absolute;
   z-index: 10;
-  top: $modal-header-padding-y;
+  top: $modal-close-container-top;
   inset-inline-end: $modal-header-padding-y;
 }
 

diff --git a/src/Modal/_variables.scss b/src/Modal/_variables.scss
@@ -29,6 +29,7 @@ $modal-header-border-width:         $modal-content-border-width !default;
 $modal-footer-border-width:         $modal-header-border-width !default;
 $modal-header-padding-y:            1rem !default;
 $modal-header-padding-x:            1.5rem !default;
+$modal-close-container-top:         .625rem !default;
 
 // Keep this for backwards compatibility
 $modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default;