Por solo agregar un botón de eliminar podríamos hacer:
Mover el botón de editar a la izquierda (extra: menor distancia del ratón a la entrada del compositor), y luego poner el botón de eliminar a la derecha… así que ahora tenemos cierta distancia entre las acciones inofensivas y las peligrosas.
Otras cosas deseables:
- hacer el icono de editar azul como el 50%, 75%
- mantener el texto en negro, pero que también haga clic en la entrada
- cuando el editor de títulos esté abierto, ¿podemos posicionarlo para que coincida con la línea base del texto de vista previa (así que una capa z por encima)? Esto hace que las cosas se muevan menos al hacer clic:
Este es un alcance mayor, pero con rotar y recortar podríamos querer un tipo de menú completamente diferente?
http://notion.so tiene un buen ejemplo:
Así que tienen su botón con un montón de opciones, escalar es hacer clic y arrastrar en los manejadores…
Un pequeño detalle agradable es que si agregas una imagen que es demasiado pequeña para la superposición del botón, fuerzan la imagen a una escala que contenga el botón una vez que intentas interactuar con ella. Eso evita tener un botón al pasar el ratón que se superponga a cualquier contenido circundante.