Skip to content

Fix rich text editor format toolbar wrapping

Chad Lavimoniere requested to merge 20231207-clavimoniere-rich-text-format_toolbar-fix into master

What does this MR do and why?

Fix rich text editor format toolbar wrapping

A previous update to the rich text editor formatting toolbar (Adjust styling of rich text editor toolbar to m... (!138382 - merged)) accidentally omitted styles necessary to make toolbar content wrap properly on narrow viewports and introduced the possibility of an empty small div because of a button not displaying on XS viewports.

Changelog: fixed

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
9a039a176ac4afc2e0634fc164858b14.png 4ce024b7b2ebefdd8074f6239e0d89db.png

How to set up and validate locally

  1. Check out this branch locally
  2. Visit an issue, MR or other page where you can edit a text area
  3. Ensure you are using the rich text editor
  4. reduce the width of your browser window so that it is very narrow

EXPECTED: the toolbar will wrap to multiple lines

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 Chad Lavimoniere

Merge request reports