Use flex grid for issue reports and comments

This commit is contained in:
Andy Allan 2021-11-10 15:06:54 +00:00
parent 2c9d2486ec
commit aa77ff5aec
2 changed files with 21 additions and 17 deletions

View file

@ -1,15 +1,17 @@
<div>
<% comments.each do |comment| %>
<div class="comment">
<div class="float-left">
<%= link_to user_thumbnail(comment.user), user_path(comment.user) %>
<div class="row">
<div class="col-auto">
<%= link_to user_thumbnail(comment.user, :class => "user_image_no_margins"), user_path(comment.user) %>
</div>
<div class="col">
<p class="text-muted mb-0">
<%= t ".comment_from_html", :user_link => link_to(comment.user.display_name, user_path(comment.user)),
:comment_created_at => l(comment.created_at.to_datetime, :format => :friendly) %>
</p>
<p><%= comment.body %></p>
</div>
</div>
<hr>
<% end %>
</div>

View file

@ -1,8 +1,9 @@
<% reports.each do |report| %>
<div class="report">
<div class="float-left">
<%= link_to user_thumbnail(report.user), user_path(report.user) %>
<div class="row">
<div class="col-auto">
<%= link_to user_thumbnail(report.user, :class => "user_thumbnail_no_margins"), user_path(report.user) %>
</div>
<div class="col">
<p class="text-muted mb-0">
<%= t ".reported_by_html", :category => report.category,
:user => link_to(report.user.display_name, user_path(report.user)),
@ -10,5 +11,6 @@
</p>
<p><%= report.details %></p>
</div>
</div>
<hr>
<% end %>