diff options
| author | DW <36347199+chocological00@users.noreply.github.com> | 2020-05-15 07:39:11 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-05-15 20:39:11 +0900 |
| commit | 65efe1f42cc01069218767e6b10594cc435782fc (patch) | |
| tree | 30c4d619ffb6dd055bf0427e6b828efe360ad005 /src | |
| parent | reCAPTCHAが動かなくなっているのを修正 (#6367) (diff) | |
| download | sharkey-65efe1f42cc01069218767e6b10594cc435782fc.tar.gz sharkey-65efe1f42cc01069218767e6b10594cc435782fc.tar.bz2 sharkey-65efe1f42cc01069218767e6b10594cc435782fc.zip | |
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>
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/components/note.vue | 13 |
1 files 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 { |