Update editor UI
What does this MR do and why?
Changes the header of the markdown form to simplify it's appearance. The design direction is aligned with @mvanremmerden & @jeldergl
Changes
- Simplifies the appearance
- Brings it closer to other form elements
- Adds hover, active & focus states
Screenshots or screen recordings
Before | Plaintext After | Richtext After |
---|---|---|
Empty ![]() |
Empty ![]() |
Empty ![]() |
Filled ![]() |
Filled ![]() |
Filled ![]() |
Focus ![]() |
Focus ![]() |
Focus ![]() |
Preview ![]() |
Preview ![]() |
– |
Toolbar focus ![]() |
Toolbar focus ![]() |
Toolbar focus ![]() |
Mobile ![]() |
Mobile ![]() |
Mobile ![]() |
How to set up and validate locally
- Check out the reply form on an MR/Issue (e.g. http://gdk.test:3000/flightjs/Flight/-/merge_requests/3)
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 Sascha Eggenberger