Skip to content

Add sortable description list items on epic page

Coung Ngo requested to merge cngo-add-sortable-list-items-to-epic-page into master

What does this MR do and why?

This MR:

  1. Adds sortable description list items on the epic page
  2. Fixes a bug so drag icons are not shown on generated table of contents

The epic page reuses app/assets/javascripts/issues/show/components/description.vue which contains the list item reordering logic for issues. By removing a conditional, we let the epic page also execute the reordering logic, and we add the CSS to the epic page to correctly position the drag icons etc.

Screenshots or screen recordings

Screen_Recording_2022-06-07_at_5.13.40_pm

before after
Screenshot_2022-06-07_at_4.28.09_pm Screenshot_2022-06-07_at_5.11.50_pm

How to set up and validate locally

  1. Visit any epic page such as http://127.0.0.1:3000/groups/h5bp/-/epics/1
  2. Edit the description to contain list items
  3. Reorder the list items

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 Coung Ngo

Merge request reports