Pulsante per rimuovere immagini nell'anteprima del composer

Per aggiungere semplicemente un pulsante di eliminazione potremmo fare:

Sposta il pulsante di modifica a sinistra (bonus: minore distanza del mouse dall’input del compositore), e poi metti il pulsante di eliminazione a destra… così abbiamo una certa distanza tra azioni innocue e pericolose.

Altre cose utili:

  • rendi l’icona di modifica blu come il 50%, 75%
  • mantieni il testo nero, ma rendilo cliccabile anche sull’input
  • quando l’editor del titolo è aperto, possiamo posizionarlo in modo che corrisponda alla linea di base del testo di anteprima (quindi uno strato z sopra)? Questo rende le cose meno scattanti al clic:

Questo è un ambito più ampio, ma con rotazione e ritaglio potremmo volere un tipo di menu completamente diverso?

http://notion.so ha un bell’esempio:

Quindi hanno il loro pulsante con una serie di opzioni, il ridimensionamento è clicca e trascina sulle maniglie…

Un bel piccolo dettaglio è che se aggiungi un’immagine troppo piccola per l’overlay del pulsante, forzano l’immagine a una scala che contiene il pulsante una volta che provi a interagire con essa. Ciò evita di avere un pulsante al passaggio del mouse che sovrappone qualsiasi contenuto circostante.

7 Mi Piace