Truncate long usernames in blocks tables

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 321b0bcb9af1dd17fa091ca51e1f8dbf397991b7..d551462b2202ec34defa80b70c13be334e08553f 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -904,6 +904,12 @@ div.secondary-actions {
   }
 }
 
+/* Rules for block pages */
+
+#block_list .username {
+  max-width: 20em;
+}
+
 /* Rules for tabs inside secondary background sections */
 
 .bg-body-secondary .nav-tabs {

diff --git a/app/views/user_blocks/_block.html.erb b/app/views/user_blocks/_block.html.erb
index a18d1dbdbabe51a753515e138fad795483d2b422..5444bdd5b8c66c21d61c6c8e307e53faca7fb75f 100644 (file)
--- a/app/views/user_blocks/_block.html.erb
+++ b/app/views/user_blocks/_block.html.erb
@@ -1,9 +1,9 @@
 <tr>
   <% if show_user_name %>
-  <td><%= link_to block.user.display_name, block.user %></td>
+  <td><%= link_to block.user.display_name, block.user, :class => "username d-inline-block text-truncate text-wrap" %></td>
   <% end %>
   <% if show_creator_name %>
-  <td><%= link_to block.creator.display_name, block.creator %></td>
+  <td><%= link_to block.creator.display_name, block.creator, :class => "username d-inline-block text-truncate text-wrap" %></td>
   <% end %>
   <td><%= h truncate(block.reason) %></td>
   <td><%= h block_status(block) %></td>