Paragraphs displays a button with actions per paragraphs.
We even want to add more of those buttons to "Collapse all".
It's a dropdown button showing the primary action and an expand element.
The buttons are adding visual weight, while not being in primary interaction process.
For the remove action, the Seven styleguide proposes a minimal X.
Follow the Seven styleguide for the X.
Implement a new element that is a dropdown button only. It needs to have a light appearance.
All actions that are rarely used will be hidden inside.
#2829676: Change remove button by an "x"
#2829677: Implement a new render element for a collapsible button
#2831409: Remove Confirm Deletion / restore actions for paragraphs
Here is update how should looks.
| Comment | File | Size | Author |
|---|---|---|---|
| #5 | Locked and collapse button.png | 9.08 KB | toncic |
| #5 | Edit and collapse button open.png | 46.6 KB | toncic |
| #5 | Edit and colapse button.png | 12.3 KB | toncic |
| #2 | upload_11_15_2016_at_10_03_37_AM.png | 65.48 KB | drobnjak |
Comments
Comment #2
drobnjak commentedComment #3
johnchqueComment #4
drobnjak commentedTitle changed since issue is about all action elements.
Comment #5
toncic commentedComment #6
miro_dietikerNow that some refactoring was completed, we should get this done ASAP.
The UX decreased and mobile is kverloaded showing a horizontal scrollbar due to the sticky "Remove" button.
IMHO the action item should be a full isolated element that is theme independent or could be reinterpreted by a theme.
The only top major change to core dropbutton is, the first button item should not (never) be visible by default, but only after expansion.
Comment #7
miro_dietikerRecent mock-ups display the button with a "..." instead a triangle. We want to indicate a menu, not a collapsible fieldset.
Comment #8
miro_dietikerOh this is done. :-)