logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe
commit: 6d1d09bcc05f4476c7efad1980e656683db2e5c3
parent: 9e2fa50b74eb83e3c3eadb9a68d24ddaa1d9da48
Author: HJ <30-hj@users.noreply.git.pleroma.social>
Date:   Mon, 29 Apr 2019 18:11:07 +0000

Merge branch '509' into 'develop'

Show ellipsis for long user name and screen name

Closes #509

See merge request pleroma/pleroma-fe!775

Diffstat:

Msrc/components/basic_user_card/basic_user_card.vue15++++++++-------
Msrc/components/selectable_list/selectable_list.vue4++++
2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/basic_user_card/basic_user_card.vue b/src/components/basic_user_card/basic_user_card.vue @@ -44,14 +44,15 @@ width: 16px; vertical-align: middle; } + } - &-value { - display: inline-block; - max-width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } + &-user-name-value, + &-screen-name { + display: inline-block; + max-width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } &-expanded-content { diff --git a/src/components/selectable_list/selectable_list.vue b/src/components/selectable_list/selectable_list.vue @@ -31,6 +31,10 @@ &-item-inner { display: flex; align-items: center; + + > * { + min-width: 0; + } } &-item-selected-inner {