From 65efe1f42cc01069218767e6b10594cc435782fc Mon Sep 17 00:00:00 2001
From: DW <36347199+chocological00@users.noreply.github.com>
Date: Fri, 15 May 2020 07:39:11 -0400
Subject: [PATCH] Add an indicator to make the undo renote button look more
interactable (#6366)
* Add an indicator to make the undo renote button look more interactable
* Use faEllipsisH :art
Co-authored-by: DW <chocological00@gitlab.com>
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
---
src/client/components/note.vue | 13 ++++++++++---
1 file changed, 10 insertions(+), 3 deletions(-)
diff --git a/src/client/components/note.vue b/src/client/components/note.vue
index 76e9ddb4ba..f30173200e 100644
--- a/src/client/components/note.vue
+++ b/src/client/components/note.vue
@@ -21,7 +21,10 @@
</router-link>
</i18n>
<div class="info">
- <button class="_button time" @click="showRenoteMenu()" ref="renoteTime"><mk-time :time="note.createdAt"/></button>
+ <button class="_button time" @click="showRenoteMenu()" ref="renoteTime">
+ <fa class="dropdownIcon" :icon="faEllipsisH"/>
+ <mk-time :time="note.createdAt"/>
+ </button>
<span class="visibility" v-if="note.visibility !== 'public'">
<fa v-if="note.visibility === 'home'" :icon="faHome"/>
<fa v-if="note.visibility === 'followers'" :icon="faUnlock"/>
@@ -85,7 +88,7 @@
<script lang="ts">
import Vue from 'vue';
-import { faBolt, faTimes, faBullhorn, faStar, faLink, faExternalLinkSquareAlt, faPlus, faMinus, faRetweet, faReply, faReplyAll, faEllipsisH, faHome, faUnlock, faEnvelope, faThumbtack, faBan, faQuoteRight, faInfoCircle } from '@fortawesome/free-solid-svg-icons';
+import { faBolt, faTimes, faBullhorn, faStar, faLink, faExternalLinkSquareAlt, faPlus, faMinus, faRetweet, faReply, faReplyAll, faEllipsisH, faHome, faUnlock, faEnvelope, faThumbtack, faBan, faQuoteRight, faInfoCircle, faEllipsisH } from '@fortawesome/free-solid-svg-icons';
import { faCopy, faTrashAlt, faEdit, faEye, faEyeSlash } from '@fortawesome/free-regular-svg-icons';
import { parse } from '../../mfm/parse';
import { sum, unique } from '../../prelude/array';
@@ -143,7 +146,7 @@ export default Vue.extend({
showContent: false,
hideThisNote: false,
noteBody: this.$refs.noteBody,
- faEdit, faBolt, faTimes, faBullhorn, faPlus, faMinus, faRetweet, faReply, faReplyAll, faEllipsisH, faHome, faUnlock, faEnvelope, faThumbtack, faBan
+ faEdit, faBolt, faTimes, faBullhorn, faPlus, faMinus, faRetweet, faReply, faReplyAll, faEllipsisH, faHome, faUnlock, faEnvelope, faThumbtack, faBan, faEllipsisH
};
},
@@ -857,6 +860,10 @@ export default Vue.extend({
> .time {
flex-shrink: 0;
color: inherit;
+
+ > .dropdownIcon {
+ margin-right: 4px;
+ }
}
> .visibility {