Fix/update modal style (#539)

* fix(modal): update modal style * fix(modal): move z-index from &-close-btn to &__content
AxaFrance · Oct 8, 2024 · eebd186 · eebd186
1 parent a481bee
commit eebd186
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/look-and-feel/css/src/Modal/Modal.scss b/look-and-feel/css/src/Modal/Modal.scss
@@ -4,7 +4,7 @@
   position: fixed;
   width: 100%;
   margin: 0 auto;
-  padding: 1.5rem 0;
+  padding: 0 0 1.5rem;
   border: none;
   border-radius: 0.5rem;
   background-color: common.$color-white;
@@ -16,9 +16,10 @@
 
   &__top {
     position: sticky;
+    z-index: 5;
     top: 0;
     display: flex;
-    padding: 0 1.5rem 1.5rem;
+    padding: 1.5rem;
     border-bottom: 1px solid common.$color-btn-disabled-border;
     align-items: center;
     gap: 1rem;
@@ -69,6 +70,7 @@
   }
 
   &__content {
+    z-index: 0;
     display: flex;
     margin-top: 2.5rem;
     padding: 0 1.5rem;