bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ensure long titles wrap, comment counts don't

Browse Source
This commit is contained in:
Jason Zimdars
2025-01-31 17:24:00 -06:00
parent 68b1ea4540
commit 5bb6accc2c
1 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/bubbles/list/_bubble.html.erb
+15 -13
View File
@@ -1,26 +1,28 @@
<li class="<%= class_names("flex align-center gap-half margin-none", drafted: bubble.drafted?) %>" 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) do %>
<%= link_to bucket_bubble_path(bubble.bucket, bubble), class: "flex-item-no-shrink" do %>
<div class="bubble__shape flex-item-no-shrink"></div>
<% end %>
<div class="flex flex-column flex-item-grow">
<div class="flex flex-column flex-item-grow min-width">
<div class="flex align-center gap-half margin-none">
<div class="flex flex-column min-width">
<div class="flex align-center gap-half flex-item-no-shrink">
<%= link_to bucket_bubble_path(bubble.bucket, bubble), class: "bubble__title-link" do %>
<strong class="bubble__title-text flex--inline gap-half overflow-ellipsis"><%= bubble.title %></strong>
<div class="flex align-center gap-half max-width full-width">
<%= link_to bucket_bubble_path(bubble.bucket, bubble), class: "bubble__title-link flex-item-grow max-width overflow-ellipsis" do %>
<strong class="bubble__title-text"><%= bubble.title %></strong>
<% end %>
<% if bubble.messages.many? %>
<span class="translucent">(<%= bubble.messages.count %>)</span>
<span class="translucent txt-nowrap flex-item-no-shrink">(<%= bubble.messages.count %>)</span>
<% 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 %>
<span class="flex-item-no-shrink flex">
<% 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 %>
<% end %>
</span>
</div>
</div>
@@ -33,9 +35,9 @@
<% end %>
</div>
<div class="flex gap-half txt-small full-width">
<span><%= "Added by #{bubble.creator.name} on" %> <%= local_datetime_tag bubble.created_at, style: :shortdate %></span>
<span><%= render "bubbles/tags", bubble: bubble %></span>
<div class="flex gap-half txt-small full-width min-width">
<span class="overflow-ellipsis"><%= "Added by #{bubble.creator.name} on" %> <%= local_datetime_tag bubble.created_at, style: :shortdate %></span>
<span class="flex-item-no-shrink"><%= render "bubbles/tags", bubble: bubble %></span>
</div>
</div>
</li>