<%= link_to event.notifiable_target, id: dom_id(event, "timelined"), class: "event event--#{ event.action } #{ "golden-effect" if event.card.golden? } center-block flex flex-column full-width align-start justify-start position-relative", style: "--card-color: #{ card.closed? ? "var(--color-card-complete)" : card.color };", target: "_top", data: { related_element_target: "related", related_element_group_value: card.id, action: "mouseover->related-element#highlight mouseout->related-element#unhighlight" } do %>

Card number <%= card.number %> <%= event.board.name %>

<% unless event.action.in?(%w[ card_closed card_published card_reopened ]) %> <%= icon_tag event_action_icon(event) %> <% end %>
<%= avatar_image_tag(event.creator) %>
<%= event.description_for(Current.user).to_html %> <%= yield %>
<% if event.card.image.present? %>
<%= image_tag event.card.image.presence || "", size: 120, aria: { hidden: true } %>
<% end %> <% end %>