Skip to content

Replace all inputs for markdown with new vue component

Anton Ballmaier requested to merge vue-md-input into master

What does this MR do?

Adds a new vue component MarkdownInput that can be used to have a more convenient input for markdown formatted texts.

How confident are you it won't break things if deployed?

Confindent. There might be some minor usability problems, but nothing that wouldn't make this feature a win.

How to test

  1. Checkout branch locally
  2. Try out the different places where the instance is used.

Screenshots (if applicable)

Basic example:

image

Can hide toolbar when out of focus:

image

Toolbar is shown when using the input field. You can also use other button variants, as you can see here (two thick brown bars would look bad):

image

Formatting can be previewed:

image

If you have written nothing, this will be displayed as a placeholder:

image

Checklist

  • no unrelated changes
  • asked someone for a code review
  • set a "for:" label to indicate who will be affected by this change
  • added to the next milestone (see https://gitlab.com/foodsharing-dev/foodsharing/-/milestones, unless it has a "for:Dev" label)
  • added an entry to CHANGELOG.md
  • added a short text in the release notes to /release-notes/YYYY-MM.md
  • Once your MR has been merged, you are responsible to create a testing issue in the Beta Testing forum: https://foodsharing.de/?page=bezirk&bid=734&sub=forum. Please change the MRs label to "state:Beta testing".
    • Consider writing a detailed description in German.
    • Describe in a few sentences, what should be tested from a user perspective.
    • Also mention different settings (e.g. different browsers, roles, ...) how this change can be tested.
    • Be aware, that also non technical people should understand.
Edited by Anton Ballmaier

Merge request reports