Wrap Content Editor toolbar to handle overflow
What does this MR do and why?
This MR wraps the toolbar so that the actions wraps at smaller breakpoints.
At the same time updated the toolbar to use medium size and removed the dividers to align with future design direction.
Changes
- Wrap toolbar so that works at smaller breakpoints
- Align toolbar to the left
- Increase the size of the buttons for better spacing
- Remove dividers in toolbar
Related to #358402 (closed)
Screenshots or screen recordings
Layout update
| Before | Updated |
|---|---|
 |
 |
Wrapping behavior
| Before | Updated |
|---|---|
 |
 |
Responsive toolbar
How to set up and validate locally
- Open Wiki
- Edit a wiki page with
Markdownformat - Switch to the Content Editor by clicking
Edit rich text
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Michael Le