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

show ellipsis for long user name and screen name

Browse source
This commit is contained in:
taehoon 2019-04-29 13:20:03 -04:00
parent 9e2fa50b74
commit b1f8221a0a
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -44,14 +44,15 @@
width: 16px; width: 16px;
vertical-align: middle; vertical-align: middle;
} }
}
&-value { &-user-name-value,
display: inline-block; &-screen-name {
max-width: 100%; display: inline-block;
overflow: hidden; max-width: 100%;
white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap;
} text-overflow: ellipsis;
} }
&-expanded-content { &-expanded-content {

4
src/components/selectable_list/selectable_list.vue
View file

@ -31,6 +31,10 @@
&-item-inner { &-item-inner {
display: flex; display: flex;
align-items: center; align-items: center;
& > * {
min-width: 0;
}
} }
&-item-selected-inner { &-item-selected-inner {