コメント編集まわりのデザイン改善

今回のリリース内容

コメント編集・削除関連のデザインを数カ所変更しました。

① コメントの編集・削除が "…" メニューの中に移動しました

従来は、編集・削除のアイコンがコメント欄右上に並んでいましたが、今回の変更で "…" メニューの中に移動しました。
これにより誤操作を防ぐとともに、他のコメント関連機能も、今後このメニュー内に随時追加していく予定です。

image.png (166.0 kB)

② コメント編集時の Submit がボタンになりました / キャンセルも付きました

従来はコメント欄右上の が Submitボタンになっていましたが、わかりにくいのでボタンを出すようにしました。

image.png (224.8 kB)

また、編集をキャンセルするボタンも並んで出るようにしました。
このキャンセルボタンを押して編集画面を一度閉じても、ブラウザをリロードしない限り、再度編集画面を開くと前回編集した内容は保持されています。

③ 新規コメントフォームは、文字が入力されている時のみ Submit ボタンを有効にしました

(これは割と以前から実はリリースしていたので、お気づきの方もいるかもしれません。)

所感

このへんは以前のデザインがとても使いづらかったですね… :bow:
今回もユーザーさんのフィードバックによって改善することができました!ありがとうございました! :esa2:

[ProTip] Webhookでdocs.esa.ioの更新通知を受け取ることができます

Enjoy "(\( ⁰⊖⁰)/)"
https://esa.io

END

  • Close