From 519b932ebbffac603b632d4f237eb083238c5b89 Mon Sep 17 00:00:00 2001 From: Eduardo Rosendo Date: Tue, 3 Dec 2024 10:30:42 -0400 Subject: [PATCH 1/3] feat(asset): Add customization options to dismissible banner This commit introduces a new parameter to the dismissible banner template, enabling more customizable layouts. --- cl/assets/static-global/css/override.css | 4 ++++ .../templates/includes/dismissible_nav_banner.html | 11 +++++++---- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/cl/assets/static-global/css/override.css b/cl/assets/static-global/css/override.css index ce071745d2..1cdfdbb510 100644 --- a/cl/assets/static-global/css/override.css +++ b/cl/assets/static-global/css/override.css @@ -1491,6 +1491,10 @@ emphasis { border-color: #999999; } +.alert-dismissible .second-row-btn { + margin-bottom: 10px; +} + .h-captcha > div { color: #333333 !important; font-family: Helvetica; diff --git a/cl/assets/templates/includes/dismissible_nav_banner.html b/cl/assets/templates/includes/dismissible_nav_banner.html index c1f3480830..39c19a53cf 100644 --- a/cl/assets/templates/includes/dismissible_nav_banner.html +++ b/cl/assets/templates/includes/dismissible_nav_banner.html @@ -8,6 +8,9 @@ - cookie_name: Name of the cookie used to remember if the user has already dismissed the banner. This prevents them from seeing the same message repeatedly. + - single_row (optional): A Boolean flag that, when set to True for medium + and large resolutions, condenses the banner into a single line of text + with a button positioned to the right. Defaults to False. - button_text (optional): Text for the button. Defaults to "Learn More". - button_emoji (optional): An Idiomatic Text element () to display inside the button. @@ -39,15 +42,15 @@ class="x-large">× -
-