BUG: Toolbar overflows if too crowded

neos / neos-ui

Neos CMS UI written in ReactJS with Immutable data structures.

GNU General Public License v3.0

265 stars 135 forks source link

BUG: Toolbar overflows if too crowded #2691

Open kdambekalns opened 4 years ago

kdambekalns commented 4 years ago

Description

Sebobo commented 1 year ago

With #3227 I tested some variants to let the toolbar grow. But I'm not super happy with the result yet:

Let the whole toolbar grow:

Let the primary actions part grow:

Any other ideas?

kdambekalns commented 1 year ago

What about like browsers do? Offer an overflow-exand-button?

Sebobo commented 1 year ago

I thought about it too, but in the browser toolbar you click once. In the editor toolbar you click lots of times, so for formatting a text it would be very clicky.

mhsdesign commented 1 year ago

why not make it scrollable? when the toolbar gehts bigger in height, it might break the secondary editor ...

Sebobo commented 1 year ago

How would you make it scrollable (also keep touch devices in mind)? Thought about hovering, but that also has its own usability issues.

If we introduce a a 3-dots button like in Gutenberg or something similar like @kdambekalns proposes, I think we need a way to give positions (or a group) to the formatting options.

mhsdesign commented 8 months ago

Fyi someone hackily fixed this like this https://discuss.neos.io/t/neos-ui-plugin-eventhandler-for-ckeditor/6458/3?u=marc