Skip to content

Update editor UI

Sascha Eggenbergerrequested to merge
reply-form-header-adjustment into master

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 before Empty empty_after Empty richtext_empty_after
Filled before_max Filled filled_after Filled richtext_filled_after
Focus focus_before Focus focus_after Focus richtext_focus_after
Preview preview_before Preview preview_after –
Toolbar focus focus_before Toolbar focus toolbar_focus_after Toolbar focus toolbar_focus_richtext_after
Mobile mobile_before Mobile mobile_after Mobile richtext_mobile_after

How to set up and validate locally

  1. 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.

Edited by Sascha Eggenberger

Merge request reports