diff options
| author | Johann150 <johann.galle@protonmail.com> | 2022-07-07 14:17:47 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-07-07 21:17:47 +0900 |
| commit | a1b8587ab28b4de39bca24ae1ffdd77eb9a0c2f5 (patch) | |
| tree | a072ae989d0be69f9ec2428e419a3bb6f1575cfb /packages/client/src/components/note.vue | |
| parent | feat: auto nsfw detection (#8840) (diff) | |
| download | sharkey-a1b8587ab28b4de39bca24ae1ffdd77eb9a0c2f5.tar.gz sharkey-a1b8587ab28b4de39bca24ae1ffdd77eb9a0c2f5.tar.bz2 sharkey-a1b8587ab28b4de39bca24ae1ffdd77eb9a0c2f5.zip | |
enhance: show recipients of notes with specified visibility (#8949)
* enhance: reusable visibility component
* rename renote tooltip component
The tooltip that is used for renotes can be used in other cases as well.
* add tooltip for specified recipients
* add changelog entry
* Update visibility.vue
Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
Diffstat (limited to 'packages/client/src/components/note.vue')
| -rw-r--r-- | packages/client/src/components/note.vue | 16 |
1 files changed, 2 insertions, 14 deletions
diff --git a/packages/client/src/components/note.vue b/packages/client/src/components/note.vue index 98c5c9a67a..b494c70392 100644 --- a/packages/client/src/components/note.vue +++ b/packages/client/src/components/note.vue @@ -28,12 +28,7 @@ <i v-if="isMyRenote" class="fas fa-ellipsis-h dropdownIcon"></i> <MkTime :time="note.createdAt"/> </button> - <span v-if="note.visibility !== 'public'" class="visibility"> - <i v-if="note.visibility === 'home'" class="fas fa-home"></i> - <i v-else-if="note.visibility === 'followers'" class="fas fa-unlock"></i> - <i v-else-if="note.visibility === 'specified'" class="fas fa-envelope"></i> - </span> - <span v-if="note.localOnly" class="localOnly"><i class="fas fa-biohazard"></i></span> + <MkVisibility :note="note"/> </div> </div> <article class="article" @contextmenu.stop="onContextmenu"> @@ -118,6 +113,7 @@ import XPoll from './poll.vue'; import XRenoteButton from './renote-button.vue'; import MkUrlPreview from '@/components/url-preview.vue'; import MkInstanceTicker from '@/components/instance-ticker.vue'; +import MkVisibility from '@/components/visibility.vue'; import { pleaseLogin } from '@/scripts/please-login'; import { focusPrev, focusNext } from '@/scripts/focus'; import { checkWordMute } from '@/scripts/check-word-mute'; @@ -406,14 +402,6 @@ function readPromo() { margin-right: 4px; } } - - > .visibility { - margin-left: 8px; - } - - > .localOnly { - margin-left: 8px; - } } } |