Improve post form

[u1-liquid]

Summary

• リプライ時、返信元のlocalOnly属性を引き継ぐように
• visiblity-chooserにlocalOnly属性が伝わらなかったのを修正
• 引用付き、ローカルのみなどの案内文にアイコン追加

など

デスクトップ版

モバイル版

[mei23]

メモ

リプライ時、返信元のlocalOnly属性を引き継ぐように

今まではサーバーサイドにのみlocalOnlyにリプライされたらlocalOnlyにする処理があった

visiblity-chooserにlocalOnly属性が伝わらなかったのを修正

visiblity-chooserを開いた時点でどれが選択状態になっているかに影響

[acid-chicken]

デザイン要検討？（備考: mei23:mei-m544、346design:twista はそれぞれ別のデザインで似たものを実装しているため、そこらへんも引っ張ってくる余地はあり。）

[mei23]

公開範囲アイコンにローカルのみの情報が含まれるなら「この投稿はローカルにのみ～」の注釈はもういらないかも

ローカルのみの公開範囲アイコンデザインは、
2つ並べがここに登場するのはちょっと不自然とか、chooserのアイコン部分にも反映させたいというのがあります。

[EbiseLutica]

localOnlyな公開範囲の場合、普通のアイコンの右下にバッジみたいに小さく♥が表示されるような形はどうでしょう

font-awesome の layer 機能で実現できそう...?
https://fontawesome.com/how-to-use/on-the-web/styling/layering
https://github.com/FortAwesome/vue-fontawesome#advanced

[u1-liquid]

デザインに関してはわたしは詳しくないので（特に案もないし）2つ並べが不自然だと思われるなら元に戻すか、めいすきーのデザインを引っ張ってくる案も良さそうですね。

（そもそも♥=ローカルってのはわかりやすいシンボルだとは言えないので）「この投稿はローカルにのみ～」の注釈は維持した方がいいと思います。

[mei23]

font-awesome の layer 機能

vue-fontawesome が対応していないぽい
めいすきーなどはCSSで重ね合わせ

[u1-liquid]

visibility-chooserのボタンのアイコン2つ並べをrevertしました。

[syuilo]

ありがとうございます🙏🙏🙏