Merge pull request #876 from Infineon/875-color-issue-in-component-mo…

…dal-in-alert-variant Fixed icon height in modal's alert variant #875
Infineon · Jan 12, 2024 · f6b33f1 · f6b33f1
2 parents ec0c9cd + 3720c82
commit f6b33f1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/components/src/components/modal/modal.scss b/packages/components/src/components/modal/modal.scss
@@ -34,7 +34,6 @@
 .modal-content-container {
   position: absolute;
   display: flex;
-  align-items: center;
   justify-content: center;
   top: 50%;
   left: 50%;
@@ -47,6 +46,7 @@
   overflow: hidden;
   box-sizing: border-box;
   font-family: tokens.$ifxFontFamilyBody;
+  align-items: stretch;
 
 }
 
@@ -71,7 +71,7 @@
   justify-content: center;
   width: 32px;
   background-color: tokens.$ifxColorOcean500;
-  height: 100%;
+  align-self: stretch;
 
   &.danger {
     background-color: tokens.$ifxColorRed500;

diff --git a/packages/components/src/index.html b/packages/components/src/index.html
@@ -14,13 +14,13 @@
   </style>
 
   <script defer>
-    
+
   </script>
 
 </head>
 
 <body>
-  
+
 </body>
 
 </html>