diff --git a/app/assets/stylesheets/avatars.css b/app/assets/stylesheets/avatars.css index 1b7a7f4a9..91431b5f8 100644 --- a/app/assets/stylesheets/avatars.css +++ b/app/assets/stylesheets/avatars.css @@ -6,6 +6,7 @@ border-radius: var(--avatar-border-radius); display: grid; inline-size: var(--avatar-size, 2.65em); + line-height: 1; margin: 0; place-items: center; diff --git a/app/assets/stylesheets/bubbles.css b/app/assets/stylesheets/bubbles.css index ee65be70d..060d9c85a 100644 --- a/app/assets/stylesheets/bubbles.css +++ b/app/assets/stylesheets/bubbles.css @@ -457,6 +457,14 @@ } } } + + .avatar { + --avatar-size: 1.1em; + + > * { + font-size: 0.5em; + } + } } .bubble__title-text { diff --git a/app/views/bubbles/list/_bubble.html.erb b/app/views/bubbles/list/_bubble.html.erb index 688ca7acb..d3981c23d 100644 --- a/app/views/bubbles/list/_bubble.html.erb +++ b/app/views/bubbles/list/_bubble.html.erb @@ -10,6 +10,12 @@ <%= bubble.title %> <% end %> +
+ <% bubble.assignees.each do |assignee| %> +
<%= assignee.initials %>
+ <% end %> +
+ <% bubble.tags.each do |tag| %> <%= link_to "##{tag.title}", bucket_bubbles_path(bubble.bucket, tag_id: tag.id), style: "color: #{bubble.color}" %>