Para apenas adicionar um botão de exclusão, poderíamos fazer:
Mover o botão de edição para a esquerda (bônus: menor distância do mouse para a entrada do compositor) e, em seguida, colocar o botão de exclusão à direita… assim, temos alguma distância entre ações inofensivas e perigosas.
Outras melhorias bem-vindas:
- tornar o ícone de edição azul como os de 50%, 75%
- manter o texto preto, mas torná-lo clicável para a entrada também
- quando o editor de título estiver aberto, podemos posicioná-lo para corresponder à linha de base do texto de visualização (então uma camada z acima)? Isso torna as coisas menos instáveis ao clicar:
Este é um escopo maior, mas com rotação e corte, poderíamos querer um tipo de menu totalmente diferente?
http://notion.so tem um bom exemplo:
Então, eles têm seu botão com um monte de opções, o dimensionamento é clicar e arrastar nas alças…
Um pequeno detalhe agradável é que, se você adicionar uma imagem muito pequena para a sobreposição do botão, eles forçam a imagem a uma escala que contém o botão assim que você tenta interagir com ela. Isso evita ter um botão ao passar o mouse que se sobrepõe a qualquer conteúdo circundante.