diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2019-09-03 08:00:21 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2019-09-03 08:00:21 +0900 |
| commit | 143190ab389da6edba08f28b006b405d6f4abd04 (patch) | |
| tree | ce49fb8eb9b26fc9a28f589048e9cfdf02818e89 /src/client | |
| parent | 11.31.3 (diff) | |
| download | sharkey-143190ab389da6edba08f28b006b405d6f4abd04.tar.gz sharkey-143190ab389da6edba08f28b006b405d6f4abd04.tar.bz2 sharkey-143190ab389da6edba08f28b006b405d6f4abd04.zip | |
Fix bug
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/app/common/views/components/reactions-viewer.details.vue | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/client/app/common/views/components/reactions-viewer.details.vue b/src/client/app/common/views/components/reactions-viewer.details.vue index 35c648278d..e9b15d7daf 100644 --- a/src/client/app/common/views/components/reactions-viewer.details.vue +++ b/src/client/app/common/views/components/reactions-viewer.details.vue @@ -3,7 +3,7 @@ <div class="buebdbiu" ref="popover" v-if="show"> <i18n path="few-users" v-if="users.length <= 10"> <span slot="users"> - <b v-for="u in users" :key="u.id" style="margin-right: 8px;"> + <b v-for="u in users" :key="u.id" style="margin-right: 12px;"> <mk-avatar :user="u" style="width: 24px; height: 24px; margin-right: 2px;"/> <mk-user-name :user="u" :nowrap="false" style="line-height: 24px;"/> </b> @@ -11,7 +11,12 @@ <mk-reaction-icon slot="reaction" :reaction="reaction" ref="icon" /> </i18n> <i18n path="many-users" v-if="10 < users.length"> - <span slot="users">{{ users.slice(0, 10).join(', ') }}</span> + <span slot="users"> + <b v-for="u in users" :key="u.id" style="margin-right: 12px;"> + <mk-avatar :user="u" style="width: 24px; height: 24px; margin-right: 2px;"/> + <mk-user-name :user="u" :nowrap="false" style="line-height: 24px;"/> + </b> + </span> <span slot="ommited">{{ count - 10 }}</span> <mk-reaction-icon slot="reaction" :reaction="reaction" ref="icon" /> </i18n> @@ -82,7 +87,7 @@ export default Vue.extend({ position absolute max-width 240px font-size 0.8em - padding 5px 8px + padding 6px 8px background $bgcolor text-align center color var(--text) |