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