Для простого добавления кнопки «Удалить» можно сделать так:
Переместить кнопку «Изменить» влево (бонус: уменьшение расстояния от курсора до поля ввода композитора), а кнопку «Удалить» разместить справа… Таким образом, между безопасными и опасными действиями появится зазор.
Другие желательные улучшения:
- сделать иконку «Изменить» синей, как у меток 50% и 75%;
- оставить текст чёрным, но сделать его кликабельным, чтобы переходить к полю ввода;
- когда редактор заголовка открыт, можно ли расположить его так, чтобы он совпадал по базовой линии с текстом предварительного просмотра (то есть на слой выше)? Это сделает поведение менее «дёрганным» при клике:
Это более масштабная задача, но для поворота и кадрирования, возможно, потребуется совершенно другое меню?
На http://notion.so есть хороший пример:
У них есть кнопка с множеством опций, масштабирование осуществляется перетаскиванием за маркеры…
Один приятный нюанс: если добавляется изображение, слишком маленькое для наложения кнопки, система принудительно масштабирует его так, чтобы кнопка помещалась внутри, как только вы попытаетесь с ним взаимодействовать. Это предотвращает ситуацию, когда кнопка при наведении перекрывает окружающий контент.