Merge pull request #8277 from infor-design/8240-message-icon

8240 - Fixed success icon alignment in message header
infor-design · Dec 20, 2023 · b555bdf · b555bdf
2 parents 307dcb2 + 591475d
commit b555bdf
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -27,6 +27,7 @@
 - `[Datagrid]` Fixed tab key navigation when using actionable mode when having formatter. ([#8245](https://github.com/infor-design/enterprise/issues/8245))
 - `[Datagrid]` Fixed invisible color on required icon in datagrid. ([#8260](https://github.com/infor-design/enterprise/issues/8260))
 - `[Dropdown]` Fixed a bug where list is broken when empty icon is in the first option. ([#8105](https://github.com/infor-design/enterprise/issues/8105))
+- `[Message]` Fixed success icon alignment in message header. ([#8240](https://github.com/infor-design/enterprise/issues/8240))
 - `[Pager]` Fixed double call on update pager when using keydown. ([#8156](https://github.com/infor-design/enterprise/issues/8156))
 - `[Personalization]` Removed box shadow on selected tabs. ([#8086](https://github.com/infor-design/enterprise/issues/8086))
 - `[Searchfield]` Fixed styling issues in RTL. ([#6982](https://github.com/infor-design/enterprise/issues/6982))

diff --git a/src/components/modal/_modal.scss b/src/components/modal/_modal.scss
@@ -307,7 +307,7 @@
     .modal-body-wrapper {
       flex-grow: 1;
 
-      .splitter-container, 
+      .splitter-container,
       .splitter-container .is-right-side,
       .splitter-container .is-right-side, .page-container {
         position: initial;
@@ -326,7 +326,7 @@
     }
 
   }
-  
+
 
   &:not(.display-fullsize):not(.about) {
     .modal-content {
@@ -732,6 +732,16 @@ html.ie {
   }
 }
 
+.is-mac {
+  .modal-content {
+    h1.is-success {
+      .icon {
+        margin-top: 0;
+      }
+    }
+  }
+}
+
 // RTL Styles
 html[dir='rtl'] {
   .modal-buttonset {