UX: Wrap long names on user admin page

UX: Wrap long names on user admin page

diff --git a/app/assets/javascripts/admin/templates/user-index.hbs b/app/assets/javascripts/admin/templates/user-index.hbs
index be8b29f..32d3914 100644
--- a/app/assets/javascripts/admin/templates/user-index.hbs
+++ b/app/assets/javascripts/admin/templates/user-index.hbs
@@ -38,7 +38,7 @@
                            editing=editingUsername}}
   </div>
 
-  <div class="display-row">
+  <div class="display-row name">
     {{admin-editable-field name="user.name.title"
                            value=model.name
                            action=(action "saveName")
diff --git a/app/assets/stylesheets/common/admin/users.scss b/app/assets/stylesheets/common/admin/users.scss
index 8169352..b150c27 100644
--- a/app/assets/stylesheets/common/admin/users.scss
+++ b/app/assets/stylesheets/common/admin/users.scss
@@ -81,6 +81,12 @@
       margin-right: 5px;
     }
   }
+  &.username,
+  &.name {
+    .value {
+      word-break: break-all;
+    }
+  }
 }
 
 .admin-users {

GitHub sha: dbd14a80

1 Like

Safer follow-up to 30961dd875cac7bd9557dee29ea3c0b73e4dd474

1 Like