11.31.4

CHANGELOG.md

@@ -1,6 +1,11 @@
 ChangeLog
 =========
 
+11.31.4 (2019/09/03)
+--------------------
+### 🐛Fixes
+* 誰がリアクションしたか見れるやつの表示を改善
+
 11.31.3 (2019/09/03)
 --------------------
 ### 🐛Fixes

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "misskey",
 	"author": "syuilo <i@syuilo.com>",
-	"version": "11.31.3",
+	"version": "11.31.4",
 	"codename": "daybreak",
 	"repository": {
 		"type": "git",

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)