コンポーザープレビュー用の画像削除ボタン

追加の削除ボタンを配置するだけであれば、以下のようにできます。

編集ボタンを左に移動させ(ボーナス:コンポーザー入力へのマウス距離が近くなる)、削除ボタンを右に配置します。これにより、無害な操作と危険な操作の間に距離ができます。

その他の追加機能:

  • 編集アイコンを50%、75%と同様に青色にする
  • テキストは黒色のままにし、入力フィールドもクリックできるようにする
  • タイトルエディターが開いている場合、プレビューテキストのベースラインに合わせて位置を調整できますか(zレイヤーの上)。これにより、クリック時の表示の揺れが少なくなります。

これはより大きなスコープですが、回転と切り抜きでは、まったく異なる種類のメニューが必要になるかもしれません。

http://notion.so に良い例があります。

彼らはボタンに多くのオプションがあり、スケーリングはハンドルをドラッグして行います。

1つの良い小さな詳細は、ボタンオーバーレイに対して小さすぎる画像を追加した場合、操作しようとすると、ボタンを含むように画像のスケールが強制されることです。これにより、ホバー時に周囲のコンテンツをオーバーレイするボタンが回避されます。

「いいね!」 7