diff --git a/src/client/components/note.vue b/src/client/components/note.vue index 76e9ddb4baa6bfa2aea34c19c8eb68e8e9c58038..f30173200ee781130689f4484f2b08aae0a948f9 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 {