Skip to content

New layout for editors

Marcel van Remmerden requested to merge new-layout-for-editors into master

What does this MR do and why?

Implements a new layout for Editors:

  • Formatting options consistently left-aligned
  • Button instead of tabs for preview in Markdown
  • Markdown / Rich Text switcher is now a button instead of dropdown and in top right
  • Small buttons instead of medium

For the markdown editor as it's implemented right now, this new design saves space, which will help tremendously with the growing number of options in the toolbar, and to avoid wrapping in too many cases.

It also fixes a lot of inconsistencies between the two editors, e.g. aligning the margin between buttons for both editors, or the size of the editor between Rich Text and Markdown.

Screenshots or screen recordings

With feature flag (:content_editor_on_issues)

Before After
image image
image image
image image

Without feature flag (:content_editor_on_issues)

Before After
image image

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 Marcel van Remmerden

Merge request reports