UX: Wrap long names on user admin page

discourse · May 24, 2019 · dbd14a8 · dbd14a8 · discoursereviewbot · May 24, 2019
1 parent 2f5938c
commit dbd14a8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git 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
@@ -81,6 +81,12 @@
       margin-right: 5px;
     }
   }
+  &.username,
+  &.name {
+    .value {
+      word-break: break-all;
+    }
+  }
 }
 
 .admin-users {