diff options
| author | Shpuld Shpludson <shp@cock.li> | 2019-03-23 07:45:04 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2019-03-23 07:45:04 +0000 |
| commit | f3f006c8e3c6fc067191292578d3a8c994115f60 (patch) | |
| tree | eccdff5730c5d913874350ca12e878324fc3225e /src/components/basic_user_card/basic_user_card.vue | |
| parent | 277790e4622e16b564bef93da8416d97f43d97c1 (diff) | |
| parent | ed4540530bf1d327c91af2cf4474646aa80cd0fb (diff) | |
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 (limited to 'src/components/basic_user_card/basic_user_card.vue')
| -rw-r--r-- | src/components/basic_user_card/basic_user_card.vue | 12 |
1 files 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 index 9b80c72b..8afe8b44 100644 --- 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 { |