From 87630c87a62629a9fe4075ecd7f4dd0b3f0440d5 Mon Sep 17 00:00:00 2001 From: Andreas Nedbal Date: Fri, 13 Jan 2023 18:36:47 +0100 Subject: [PATCH] Fix layout of announcements after Bootstrap 5 update --- app/views/shared/_announcements.html.haml | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/app/views/shared/_announcements.html.haml b/app/views/shared/_announcements.html.haml index 053dc6fb..88b0c38c 100644 --- a/app/views/shared/_announcements.html.haml +++ b/app/views/shared/_announcements.html.haml @@ -1,9 +1,9 @@ .announcement__container - @active_announcements.each do |announcement| .alert.announcement.alert-info.alert-dismissable.d-none{ data: { controller: 'announcement', "announcement-id-value": announcement.id } } - .container - %button.btn-close{ type: :button, data: { bs_dismiss: :alert, action: "click->announcement#close" } } - %p + .container.d-flex + %p.flex-grow-1 = announcement.content - if announcement.link_present? %a.alert-link{ href: announcement.link_href }= announcement.link_text + %button.btn-close.ms-auto.flex-shrink-0{ type: :button, data: { action: "click->announcement#close" } }