@gooddata/sdk-ui-kit 11.55.0 → 11.56.0-alpha.1

package/styles/scss/messages.scss

@@ -95,10 +95,6 @@ $gd-message-padding-vertical: 4px;
     box-sizing: border-box;
     display: inline-block;
     padding: $gd-message-padding-vertical 8px $gd-message-padding-vertical 10px;
-    // min-height: auto instead of the mixin default 1px - 1px overrides the flex automatic
-    // minimum size, letting any flex parent squeeze the message below its content.
-    @include mixins.clearfix(auto);
-
     line-height: 1.4em;
     pointer-events: all;
     max-width: 100%;
@@ -108,6 +104,18 @@ $gd-message-padding-vertical: 4px;
 
     --shadow-when-enabled: 0 4px 4px 0 var(--gd-shadow-color);
 
+    color: var(--local_textColor);
+    background: var(--local_backgroundColor);
+    border-style: solid;
+    border-color: var(--local_borderColor);
+    border-width: var(--local_borderWidth);
+    border-radius: var(--local_borderRadius);
+    box-shadow: var(--local_dropShadow, var(--shadow-when-enabled));
+
+    // min-height: auto instead of the mixin default 1px - 1px overrides the flex automatic
+    // minimum size, letting any flex parent squeeze the message below its content.
+    @include mixins.clearfix(auto);
+
     a:not(.gd-message-dismiss),
     .gd-message-text-showmorelink {
         color: var(--local_linkButtonColor);
@@ -118,14 +126,6 @@ $gd-message-padding-vertical: 4px;
         color: var(--local_closeButtonColor);
     }
 
-    color: var(--local_textColor);
-    background: var(--local_backgroundColor);
-    border-style: solid;
-    border-color: var(--local_borderColor);
-    border-width: var(--local_borderWidth);
-    border-radius: var(--local_borderRadius);
-    box-shadow: var(--local_dropShadow, var(--shadow-when-enabled));
-
     &.contrast {
         &::before {
             content: "";

package/styles/scss/overlay.scss

@@ -28,13 +28,13 @@
     border-radius: 3px;
     font-family: variables.$gd-font-primary;
     background-color: variables.$gd-color-white;
+    @include mixins.box-shadow(0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2)));
+
     @media (forced-colors: active) {
         // stylelint-disable-next-line declaration-no-important
         border: 1px solid transparent !important;
     }
 
-    @include mixins.box-shadow(0 1px 20px var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.2)));
-
     @media #{variables.$small-only} {
         border-radius: 0;
     }