diff options
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/post-form.vue | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/src/client/components/post-form.vue b/src/client/components/post-form.vue index 1dbca23857..05faea5146 100644 --- a/src/client/components/post-form.vue +++ b/src/client/components/post-form.vue @@ -15,6 +15,7 @@ <span v-if="visibility === 'followers'"><fa :icon="faUnlock"/></span> <span v-if="visibility === 'specified'"><fa :icon="faEnvelope"/></span> </button> + <button class="_button localOnly" v-if="visibility !== 'specified'" @click="localOnly = !localOnly" :class="{ active: localOnly }"><fa :icon="faBiohazard"/></button> <button class="submit _buttonPrimary" :disabled="!canPost" @click="post">{{ submitText }}<fa :icon="reply ? faReply : renote ? faQuoteRight : faPaperPlane"/></button> </div> </header> @@ -43,7 +44,6 @@ <button class="_button" @click="useCw = !useCw" :class="{ active: useCw }"><fa :icon="faEyeSlash"/></button> <button class="_button" @click="insertMention"><fa :icon="faAt"/></button> <button class="_button" @click="insertEmoji"><fa :icon="faLaughSquint"/></button> - <button class="_button" v-if="visibility !== 'specified'" @click="localOnly = !localOnly" :class="{ active: localOnly }"><fa :icon="faBiohazard"/></button> </footer> <input ref="file" class="file _button" type="file" multiple="multiple" @change="onChangeFile"/> </div> @@ -626,6 +626,20 @@ export default Vue.extend({ height: 34px; width: 34px; margin: 0 8px; + + & + .localOnly { + margin-left: 0 !important; + } + } + + > .localOnly { + height: 34px; + width: 34px; + margin: 0 8px; + + &.active { + color: var(--accent); + } } > .submit { |