summaryrefslogtreecommitdiff
path: root/src/client/app
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2019-09-03 08:00:21 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2019-09-03 08:00:21 +0900
commit143190ab389da6edba08f28b006b405d6f4abd04 (patch)
treece49fb8eb9b26fc9a28f589048e9cfdf02818e89 /src/client/app
parent11.31.3 (diff)
downloadsharkey-143190ab389da6edba08f28b006b405d6f4abd04.tar.gz
sharkey-143190ab389da6edba08f28b006b405d6f4abd04.tar.bz2
sharkey-143190ab389da6edba08f28b006b405d6f4abd04.zip
Fix bug
Diffstat (limited to 'src/client/app')
-rw-r--r--src/client/app/common/views/components/reactions-viewer.details.vue11
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)