diff options
| author | Hazelnoot <acomputerdog@gmail.com> | 2024-10-12 00:29:40 -0400 |
|---|---|---|
| committer | Hazelnoot <acomputerdog@gmail.com> | 2024-10-12 00:29:40 -0400 |
| commit | a1375c8ab72eb93ecd3554a4745243481932fd15 (patch) | |
| tree | 5e8d4391d6e1ccda3565e9c11f548115e955373e /packages/frontend | |
| parent | merge: New logo (!681) (diff) | |
| download | sharkey-a1375c8ab72eb93ecd3554a4745243481932fd15.tar.gz sharkey-a1375c8ab72eb93ecd3554a4745243481932fd15.tar.bz2 sharkey-a1375c8ab72eb93ecd3554a4745243481932fd15.zip | |
prevent usernames from overflowing the reactions hover-list
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/components/MkReactionsViewer.details.vue | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkReactionsViewer.details.vue b/packages/frontend/src/components/MkReactionsViewer.details.vue index 60118fadd2..efca61a035 100644 --- a/packages/frontend/src/components/MkReactionsViewer.details.vue +++ b/packages/frontend/src/components/MkReactionsViewer.details.vue @@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div :class="$style.users"> <div v-for="u in users" :key="u.id" :class="$style.user"> <MkAvatar :class="$style.avatar" :user="u"/> - <MkUserName :user="u" :nowrap="true"/> + <MkUserName :user="u" :nowrap="true" :class="$style.username"/> </div> <div v-if="count > 10" :class="$style.more">+{{ count - 10 }}</div> </div> @@ -98,4 +98,11 @@ function getReactionName(reaction: string): string { .more { padding-top: 4px; } + +.username { + text-overflow: ellipsis; + white-space: nowrap; + min-width: 0; + overflow: hidden; +} </style> |