Fix layout of announcements after Bootstrap 5 update

This commit is contained in:
Andreas Nedbal 2023-01-13 18:36:47 +01:00 committed by Andreas Nedbal
parent 9503ec7527
commit 87630c87a6
1 changed files with 3 additions and 3 deletions

View File

@ -1,9 +1,9 @@
.announcement__container .announcement__container
- @active_announcements.each do |announcement| - @active_announcements.each do |announcement|
.alert.announcement.alert-info.alert-dismissable.d-none{ data: { controller: 'announcement', "announcement-id-value": announcement.id } } .alert.announcement.alert-info.alert-dismissable.d-none{ data: { controller: 'announcement', "announcement-id-value": announcement.id } }
.container .container.d-flex
%button.btn-close{ type: :button, data: { bs_dismiss: :alert, action: "click->announcement#close" } } %p.flex-grow-1
%p
= announcement.content = announcement.content
- if announcement.link_present? - if announcement.link_present?
%a.alert-link{ href: announcement.link_href }= announcement.link_text %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" } }