pleroma-fe

commit: f3f006c8e3c6fc067191292578d3a8c994115f60
parent: 277790e4622e16b564bef93da8416d97f43d97c1
Author: Shpuld Shpludson <shp@cock.li>
Date:   Sat, 23 Mar 2019 07:45:04 +0000

Merge branch 'issue-451-long-user-name' into 'develop'

#451 - long username on follow/follower tabs

Closes #451

See merge request pleroma/pleroma-fe!697
Diffstat:
M
src/components/basic_user_card/basic_user_card.vue
12
++++++++++--

1 file changed, 10 insertions(+), 2 deletions(-)
diff --git a/src/components/basic_user_card/basic_user_card.vue b/src/components/basic_user_card/basic_user_card.vue
@@ -8,8 +8,8 @@
     </div>
     <div class="basic-user-card-collapsed-content" v-else>
       <div :title="user.name" class="basic-user-card-user-name">
-        <span v-if="user.name_html" v-html="user.name_html"></span>
-        <span v-else>{{ user.name }}</span>
+        <span v-if="user.name_html" class="basic-user-card-user-name-value" v-html="user.name_html"></span>
+        <span v-else class="basic-user-card-user-name-value">{{ user.name }}</span>
       </div>
       <div>
         <router-link class="basic-user-card-screen-name" :to="userProfileLink(user)">
@@ -52,6 +52,14 @@
       width: 16px;
       vertical-align: middle;
     }
+
+    &-value {
+      display: inline-block;
+      max-width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
   }
 
   &-expanded-content {