Update drawer action buttons positioning guidelines
Description
The current guidelines state that the actions for a drawer show be placed at the top, right below the title, hence before the content.
Though, this breaks the "edit flow" of a form where, usually, from top to bottom we find:
- title
- actual form to complete/edit
- actions (usually to save or cancel the changes)
This would be in line with the flow of edit then save.
Having the actions at the top of a drawer seems a bit counterintuitive because, as a user, I would need to go back at the top to apply the changes I made.
Proposal
Update the drawer guidelines to mention that:
- actions should be placed at the bottom, after the content
- if the content is not "big enough" and a footer for the actions would be "too distant", the actions should float right below the content
- if the content overflows the drawer, there should be a sticky footer containing the actions
The last two points would make the actions footer behavior like the one we can see on the user preference settings page (see Save changes button on the video below)