Move save changes and cancel buttons to the top of the Wiki editing form
Move the "Save changes" and "Cancel" buttons to the top of the Wiki editing form, alongside with the "Delete page" button. The "Delete page" button should be collapsed in a dropdown menu.
This change has two goals:
- Making these actions visible all the time regardless of the size of the content editing area.
- Freeing up space in this UI to allow a larger content editing area.
Current UI | Proposed UI |
---|---|
![]() |
![]() |
Implementation guide
- The navigation toolbar and the "Delete page" button are currently implemented in a HAML view. We should move these elements to the wiki_form.vue component.
- Use GitLab UI’s GlDropdown icon only component for the Delete page button.
Availability and Testing
Changes to E2E tests required, this will need to be done in the same MR as the development. Please run package-and-qa
and assign a SET to review.
Edited by Anastasia McDonald