Fix layout of announcements after Bootstrap 5 update
This commit is contained in:
parent
9503ec7527
commit
87630c87a6
|
@ -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" } }
|
||||
|
|
Loading…
Reference in New Issue