11.31.2

.node-version

@@ -1 +1 @@
-v12.8.1
+v12.9.1

CHANGELOG.md

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

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:12.8-alpine AS base
+FROM node:12.9.1-alpine AS base
 
 ENV NODE_ENV=production
 

README.md

@@ -155,15 +155,17 @@ Please see the [Contribution Guide](./CONTRIBUTING.md).
 <td><img src="https://c10.patreonusercontent.com/3/eyJ3IjoyMDB9/patreon-media/p/user/4503830/ccf2cc867ea64de0b524bb2e24b9a1cb/1.jpeg?token-time=2145916800&token-hash=L55UhJ0rcuNAH3w_ryeeGN4hC6taoOixyAhraEi0bzw%3D" alt="dansup" width="100"></td>
 <td><img src="https://c10.patreonusercontent.com/3/eyJ3IjoyMDB9/patreon-media/p/user/619786/32cf01444db24e578cd1982c197f6fc6/1.jpeg?token-time=2145916800&token-hash=d8jBQLMOHD87KtXs5C9fk1o58DMF73pQ-dYH3uZJPBE%3D" alt="Gargron" width="100"></td>
 <td><img src="https://c10.patreonusercontent.com/3/eyJ3IjoyMDB9/patreon-media/p/user/5731881/4b6038e6cda34c04b83a5fcce3806a93/1.png?token-time=2145916800&token-hash=hBayGfOmQH3kRMdNnDe4oCZD_9fsJWSt29xXR3KRMVk%3D" alt="Nokotaro Takeda" width="100"></td>
+<td><img src="https://c8.patreon.com/2/200/23932002" alt="nenohi" width="100"></td>
 <td><img src="https://c10.patreonusercontent.com/3/eyJ3IjoyMDB9/patreon-media/p/user/12531784/93a45137841849329ba692da92ac7c60/1.jpeg?token-time=2145916800&token-hash=vGe7wXGqmA8Q7m-kDNb6fyGdwk-Dxk4F-ut8ZZu51RM%3D" alt="Takashi Shibuya" width="100"></td>
 </tr><tr>
 <td><a href="https://www.patreon.com/dansup">dansup</a></td>
 <td><a href="https://www.patreon.com/mastodon">Gargron</a></td>
 <td><a href="https://www.patreon.com/takenoko">Nokotaro Takeda</a></td>
+<td><a href="https://www.patreon.com/user?u=23932002">nenohi</a></td>
 <td><a href="https://www.patreon.com/user?u=12531784">Takashi Shibuya</a></td>
 </tr></table>
 
-**Last updated:** Sun, 01 Sep 2019 14:07:05 UTC
+**Last updated:** Sun, 01 Sep 2019 22:11:05 UTC
 <!-- PATREON_END -->
 
 :four_leaf_clover: Copyright

package.json

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

src/client/app/common/views/components/reactions-viewer.details.vue

@@ -2,7 +2,12 @@
 	<transition name="zoom-in-top">
 		<div class="buebdbiu" ref="popover" v-if="show">
 			<i18n path="few-users" v-if="users.length <= 10">
-				<span slot="users">{{ users.join(', ') }}</span>
+				<span slot="users">
+					<b v-for="u in users" :key="u.id" style="margin-right: 8px;">
+						<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>
 				<mk-reaction-icon slot="reaction" :reaction="reaction" ref="icon" />
 			</i18n>
 			<i18n path="many-users" v-if="10 < users.length">
@@ -44,6 +49,10 @@ export default Vue.extend({
 		this.$nextTick(() => {
 			const popover = this.$refs.popover as any;
 
+			if (this.source == null) {
+				this.destroyDom();
+				return;
+			}
 			const rect = this.source.getBoundingClientRect();
 
 			const x = rect.left + window.pageXOffset + (this.source.offsetWidth / 2);
@@ -67,7 +76,6 @@ export default Vue.extend({
 	z-index 10000
 	display block
 	position absolute
-	min-width max-content
 	max-width 240px
 	font-size 0.8em
 	padding 5px 8px
@@ -76,6 +84,8 @@ export default Vue.extend({
 	color var(--text)
 	border-radius 4px
 	box-shadow 0 var(--lineWidth) 4px rgba(#000, 0.25)
+	pointer-events none
+	transform-origin center -16px
 
 	&:before
 		content ""

src/client/app/common/views/components/reactions-viewer.reaction.vue

@@ -47,7 +47,8 @@ export default Vue.extend({
 	data() {
 		return {
 			details: null,
-			detailsTimeoutId: null
+			detailsTimeoutId: null,
+			isHovering: false
 		};
 	},
 	computed: {
@@ -89,21 +90,25 @@ export default Vue.extend({
 			}
 		},
 		onMouseover() {
+			this.isHovering = true;
 			this.detailsTimeoutId = setTimeout(this.openDetails, 300);
 		},
 		onMouseleave() {
+			this.isHovering = false;
 			clearTimeout(this.detailsTimeoutId);
 			this.closeDetails();
 		},
 		openDetails() {
+			if (this.$root.isMobile) return;
 			this.$root.api('notes/reactions', {
 				noteId: this.note.id
 			}).then((reactions: any[]) => {
 				const users = reactions.filter(x => x.type === this.reaction)
 					.sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime())
-					.map(x => x.user.username);
+					.map(x => x.user);
 
 				this.closeDetails();
+				if (!this.isHovering) return;
 				this.details = this.$root.new(XDetails, {
 					reaction: this.reaction,
 					users,
@@ -169,6 +174,14 @@ export default Vue.extend({
 	border-radius 4px
 	cursor pointer
 
+	&, *
+		-webkit-touch-callout none
+		-webkit-user-select none
+		-khtml-user-select none
+		-moz-user-select none
+		-ms-user-select none
+		user-select none
+
 	*
 		user-select none
 		pointer-events none