From 94554d07f32f1a573da0871aec520ded27ba866f Mon Sep 17 00:00:00 2001
From: mkrause <maikel.krause@fortanix.com>
Date: Thu, 26 Dec 2024 02:20:51 +0100
Subject: [PATCH] Banner: only wrap actions if there is a message.

---
 src/components/containers/Banner/Banner.module.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/containers/Banner/Banner.module.scss b/src/components/containers/Banner/Banner.module.scss
index 3b3b3bd..60a709b 100644
--- a/src/components/containers/Banner/Banner.module.scss
+++ b/src/components/containers/Banner/Banner.module.scss
@@ -71,7 +71,7 @@
     
     .bk-banner__actions {
       display: flex;
-      flex-flow: row-reverse wrap;
+      flex-direction: row-reverse;
       align-items: center;
       gap: bk.$spacing-1 bk.$spacing-7;
       
@@ -103,6 +103,9 @@
       }
     }
     
+    // Allow actions to wrap if there is a long message
+    &:has(.bk-banner__message) .bk-banner__actions { flex-wrap: wrap; }
+    
     // Variants
     &.bk-banner--informational {
       --bk-banner-color-foreground: #{bk.$theme-banner-informational-border-default};