fix: render cds-alert-actions in safari

Signed-off-by: stsogoo <stsogoo@vmware.com>
vmware-clarity · Feb 11, 2022 · 45f5337 · 45f5337
1 parent 8de1fdb
commit 45f5337
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/packages/core/src/alert/alert.element.scss b/packages/core/src/alert/alert.element.scss
@@ -20,13 +20,6 @@ $lightweight-alert-line-height: $cds-global-typography-body-line-height;
   color: var(--color);
 }
 
-:host([_type='default']) ::slotted(cds-alert-actions),
-:host([_type='banner']) ::slotted(cds-alert-actions) {
-  --action-size: calc(var(--min-height) - #{$cds-global-space-4});
-  white-space: nowrap;
-  display: block;
-}
-
 :host([_type='banner']) {
   --icon-size: #{$cds-global-space-9};
 }
@@ -72,6 +65,13 @@ cds-internal-close-button {
   display: none;
 }
 
+:host([_type='default']) ::slotted(cds-alert-actions),
+:host([_type='banner']) ::slotted(cds-alert-actions) {
+  --action-size: calc(var(--min-height) - #{$cds-global-space-4});
+  white-space: nowrap;
+  display: block;
+}
+
 :host([_type='default']) cds-internal-close-button {
   height: #{$cds-global-space-8};
 }