diff options
| author | DW <36347199+chocological00@users.noreply.github.com> | 2020-05-16 09:06:39 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-05-16 22:06:39 +0900 |
| commit | ea80d5eac2412ff46c6771743f2b8a8c3c9d45e1 (patch) | |
| tree | d03f7cc3743b122e3549c5823bbb21224c5372dc /src/client/components/note-header.vue | |
| parent | feat(client): ローカルのみボタンを公開範囲ボタンの横に移動 (diff) | |
| download | sharkey-ea80d5eac2412ff46c6771743f2b8a8c3c9d45e1.tar.gz sharkey-ea80d5eac2412ff46c6771743f2b8a8c3c9d45e1.tar.bz2 sharkey-ea80d5eac2412ff46c6771743f2b8a8c3c9d45e1.zip | |
Local only indicator (#6291)
* Add Local only & public indicator
* Add local only & public indicator on renotes
remove visibility conditional
* Cleaner Style
* :v:
* Update note-header.vue
* Update note.vue
Co-authored-by: DW <chocological00@gitlab.com>
Co-authored-by: syuilo <syuilotan@yahoo.co.jp>
Diffstat (limited to 'src/client/components/note-header.vue')
| -rw-r--r-- | src/client/components/note-header.vue | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/src/client/components/note-header.vue b/src/client/components/note-header.vue index 977aae10f6..93cf2cdf39 100644 --- a/src/client/components/note-header.vue +++ b/src/client/components/note-header.vue @@ -12,18 +12,19 @@ <router-link class="created-at" :to="note | notePage"> <mk-time :time="note.createdAt"/> </router-link> - <span class="visibility" v-if="note.visibility != 'public'"> - <fa v-if="note.visibility == 'home'" :icon="faHome"/> - <fa v-if="note.visibility == 'followers'" :icon="faUnlock"/> - <fa v-if="note.visibility == 'specified'" :icon="faEnvelope"/> + <span class="visibility" v-if="note.visibility !== 'public'"> + <fa v-if="note.visibility === 'home'" :icon="faHome"/> + <fa v-if="note.visibility === 'followers'" :icon="faUnlock"/> + <fa v-if="note.visibility === 'specified'" :icon="faEnvelope"/> </span> + <span class="localOnly" v-if="note.localOnly"><fa :icon="faBiohazard"/></span> </div> </header> </template> <script lang="ts"> import Vue from 'vue'; -import { faHome, faUnlock, faEnvelope, faMobileAlt, faBookmark } from '@fortawesome/free-solid-svg-icons'; +import { faHome, faUnlock, faEnvelope, faMobileAlt, faBookmark, faBiohazard } from '@fortawesome/free-solid-svg-icons'; import { faBookmark as farBookmark } from '@fortawesome/free-regular-svg-icons'; export default Vue.extend({ @@ -36,7 +37,7 @@ export default Vue.extend({ data() { return { - faHome, faUnlock, faEnvelope, faMobileAlt, faBookmark, farBookmark + faHome, faUnlock, faEnvelope, faMobileAlt, faBookmark, farBookmark, faBiohazard }; } }); @@ -97,6 +98,10 @@ export default Vue.extend({ > .visibility { margin-left: 8px; } + + > .localOnly { + margin-left: 8px; + } } } </style> |