Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

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

Browse source 
#451 - long username on follow/follower tabs

Closes #451

See merge request pleroma/pleroma-fe!697
This commit is contained in:
Shpuld Shpludson 2019-03-23 07:45:04 +00:00
commit f3f006c8e3
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/basic_user_card/basic_user_card.vue
View file

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