diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-05-16 21:50:16 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-05-16 21:50:16 +0900 |
| commit | 51cf0970b3b990cd67c94c5fcc5d7c1c3f7f13df (patch) | |
| tree | 3b0227cfe25b083f8a487792d17d5572ba9412cd /src | |
| parent | Only show ellipsis if the button's interactable (#6373) (diff) | |
| download | sharkey-51cf0970b3b990cd67c94c5fcc5d7c1c3f7f13df.tar.gz sharkey-51cf0970b3b990cd67c94c5fcc5d7c1c3f7f13df.tar.bz2 sharkey-51cf0970b3b990cd67c94c5fcc5d7c1c3f7f13df.zip | |
feat(client): ローカルのみボタンを公開範囲ボタンの横に移動
Diffstat (limited to 'src')
| -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 { |