This commit is contained in:
syuilo 2019-09-03 08:00:21 +09:00
parent baf94f86c4
commit 143190ab38
1 changed files with 8 additions and 3 deletions

View File

@ -3,7 +3,7 @@
<div class="buebdbiu" ref="popover" v-if="show"> <div class="buebdbiu" ref="popover" v-if="show">
<i18n path="few-users" v-if="users.length <= 10"> <i18n path="few-users" v-if="users.length <= 10">
<span slot="users"> <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-avatar :user="u" style="width: 24px; height: 24px; margin-right: 2px;"/>
<mk-user-name :user="u" :nowrap="false" style="line-height: 24px;"/> <mk-user-name :user="u" :nowrap="false" style="line-height: 24px;"/>
</b> </b>
@ -11,7 +11,12 @@
<mk-reaction-icon slot="reaction" :reaction="reaction" ref="icon" /> <mk-reaction-icon slot="reaction" :reaction="reaction" ref="icon" />
</i18n> </i18n>
<i18n path="many-users" v-if="10 < users.length"> <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> <span slot="ommited">{{ count - 10 }}</span>
<mk-reaction-icon slot="reaction" :reaction="reaction" ref="icon" /> <mk-reaction-icon slot="reaction" :reaction="reaction" ref="icon" />
</i18n> </i18n>
@ -82,7 +87,7 @@ export default Vue.extend({
position absolute position absolute
max-width 240px max-width 240px
font-size 0.8em font-size 0.8em
padding 5px 8px padding 6px 8px
background $bgcolor background $bgcolor
text-align center text-align center
color var(--text) color var(--text)