feat(client): ローカルのみボタンを公開範囲ボタンの横に移動
This commit is contained in:
parent
9c8eb93446
commit
51cf0970b3
1 changed files with 15 additions and 1 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue