Skip to content

Fix markdown anchor icon interaction

What does this MR do?

Fixes and improves the markdown anchor icon interaction so that hovering over any headers (generated through markdown) will have an anchor icon that's easily accessible (won't hide from you on edge cases), replaced the icon with fontAwesome icon and added more padding for the anchor icon.

Are there points in the code the reviewer needs to double check?

  1. Need to check if it's okay to replace the icon-link.png with fontAwesome
  2. Need to check if it's okay for the additional view padding on views that render markdown to compensate for anchor link space
  3. Need to check if there are any other views that render markdown that did not have it's padding re-adjusted

Why was this MR needed?

Improve markdown rendered anchor links so that they are more user friendly

What are the relevant issue numbers?

Closes #20459 (closed)

Screenshots (if relevant)

Before: Screen_Shot_2016-07-30_at_2.31.43_PM

After: Screen_Shot_2016-08-08_at_10.25.06_AM

Before: https://gitlab.com/gitlab-org/gitlab-ce/uploads/45e6d0aee7abbdb42a4c781ae0ba1961/ws7MBrK70g.gif

After: nLQOMn9RUO

Does this MR meet the acceptance criteria?

Merge request reports