• " style="--bubble-color: <%= bubble.color %>; <%= bubble_rotation(bubble) %>" data-controller="animation" data-animation-play-class="bubble--wobble" data-animation-play-on-load-value="true" data-action="mouseover->animation#play"> <%= link_to bucket_bubble_path(bubble.bucket, bubble), class: "flex-item-no-shrink" do %>
    <% end %>
    <%= link_to bucket_bubble_path(bubble.bucket, bubble), class: "bubble__title-link flex-item-grow max-width overflow-ellipsis" do %> <%= bubble.title %> <% end %> <% if bubble.messages.comments.many? %> (<%= bubble.messages.comments.count %>) <% end %> <% bubble.assignees.each do |assignee| %> <%= link_to bubbles_path(@filter.as_params.merge(assignee_ids: [ assignee.id ])), class: "btn avatar", style: "font-size: 0.4em;" do %> <%= avatar_image_tag assignee, loading: :lazy %> <% end %> <% end %>
    <% if bubble.due_on.present? %> <%= local_datetime_tag bubble.due_on, style: :shortdate %> <% end %>
    <%= "Added by #{bubble.creator.name} on" %> <%= local_datetime_tag bubble.created_at, style: :shortdate %> <%= render "bubbles/tags", bubble: bubble %>