feat(client): ローカルのみボタンを公開範囲ボタンの横に移動

This commit is contained in:
syuilo 2020-05-16 21:50:16 +09:00
parent 9c8eb93446
commit 51cf0970b3

View File

@ -15,6 +15,7 @@
<span v-if="visibility === 'followers'"><fa :icon="faUnlock"/></span> <span v-if="visibility === 'followers'"><fa :icon="faUnlock"/></span>
<span v-if="visibility === 'specified'"><fa :icon="faEnvelope"/></span> <span v-if="visibility === 'specified'"><fa :icon="faEnvelope"/></span>
</button> </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> <button class="submit _buttonPrimary" :disabled="!canPost" @click="post">{{ submitText }}<fa :icon="reply ? faReply : renote ? faQuoteRight : faPaperPlane"/></button>
</div> </div>
</header> </header>
@ -43,7 +44,6 @@
<button class="_button" @click="useCw = !useCw" :class="{ active: useCw }"><fa :icon="faEyeSlash"/></button> <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="insertMention"><fa :icon="faAt"/></button>
<button class="_button" @click="insertEmoji"><fa :icon="faLaughSquint"/></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> </footer>
<input ref="file" class="file _button" type="file" multiple="multiple" @change="onChangeFile"/> <input ref="file" class="file _button" type="file" multiple="multiple" @change="onChangeFile"/>
</div> </div>
@ -626,6 +626,20 @@ export default Vue.extend({
height: 34px; height: 34px;
width: 34px; width: 34px;
margin: 0 8px; margin: 0 8px;
& + .localOnly {
margin-left: 0 !important;
}
}
> .localOnly {
height: 34px;
width: 34px;
margin: 0 8px;
&.active {
color: var(--accent);
}
} }
> .submit { > .submit {