moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

show ellipsis for long user name and screen name

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

5
src/components/basic_user_card/basic_user_card.vue
View File

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

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 {