GitLab Collapse Markdown

A userscript that collapses markdown headers

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
Mottie
Daily installs
0
Total installs
60
Ratings
0 0 0
Version
0.1.0
Created
2017-05-24
Updated
2017-05-24
Size
8 KB
License
MIT
Applies to

A userscript that collapses markdown headers

  • This script makes all markdown headers clickable and toggles the view of all content between same level headers (e.g. between H2 headers).
  • It works on readme, issues, markdown preview, & wiki pages. Pretty much everywhere on GitLab.
  • Click on any header to toggle the view of the content below it.
  • Use Shift + Click to toggle the view of all same level header content.
  • When the content of a header is expanded, all sub-headers are also expanded.
  • Links within the header are still clickable.
  • Can be used along with the GitLab-collapse-in-comment userscript.
  • Use the userscript addon to change these settings (see screenshot below):

    • "Set GitLab collapse markdown state" to collapsed (expanded by default) which collapses all header content (except h1) initially.
    • "Set GitLab collapse markdown colors" to an JSON array with six color values (accepts named, hex, rgb, hsl, etc). For example:
     // palette generated by http://tools.medialab.sciences-po.fr/iwanthue/
     // (colorblind friendly; soft)
     ["#6778d0", "#ac9c3d", "#b94a73", "#56ae6c", "#9750a1", "#ba543d"]
    

    These six colors apply to the H1 through H6 header arrows respectively.

    • After changing either option, make sure to reload the page (Shift + F5) to have the updated setting take effect.

Hosted with ♥ at GitLab