more intuitively position of "insert image button" is needed

[1letter]

i think we need a update in the contentbrowser ui. the position of the current "insert" button is not intuitively.

The button should be placed after the selection or on the right/bottom of the ui.

[1letter]

@petschki @thet @MrTango @yurj Are there any opinions on the alternative UI designs? Background: In the current implementation of the content browser, some of my editors cannot find the insert button right away.

Case: long list and a button at top with a finger icon as "Choose Action" and with primary color and a text snippet "Choose" infront of item label

---

Case: long list item and a button at bottom with a finger icon as "Choose Action" and with white background color and a text snippet "Choose" infront of item label and a semitransparent menubar in primary color

---

Case: selected single item and a button at top with a finger icon as "Choose Action" and with primary color and a text snippet "Choose" infront of item label

---

Case: selected single item and a button at bottom with a finger icon as "Choose Action" and with white background color and a text snippet "Choose" infront of item label and a semitransparent menubar in primary color

perhaps we can use a fancy svg-animation for the finger icon in the button (hearbeat zoom in/out)

[yurj]

I would just reverse colors in the button (hover and not hover) and bold/enlarge the +, and having a thicker button border. Maybe surrounding the + with a reverse color circle, to highlight the action.

[petschki]

I'd also go with the button on top and styled as primary button. I'd also change the icon from "plus" to "check" which is more select than add ... here's a quick refactoring on my local devel buildout:

[yurj]

For folder and multiselect it is quite strange to have the button on the right. We can also take a look on how Google Drive (maybe not the smartest example) or common folder like web services do it.

[petschki]

Here's a version with left aligned buttons ... basically the same position as now, only different styling ...