forked from srxl/akkoma-fe
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
This commit is contained in:
commit
f3f006c8e3
1 changed files with 10 additions and 2 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue