More skimmable diffs on hgweb

I've found it hard to skim diffs on hgweb (example). The lack of visual hierarchy meant I often didn't notice the jumps between files, even when I was looking for them.

I wrote a user stylesheet to fix this. Between files, it adds a gray bar, vertical space, and outdented filenames. Between sections of a file, it adds a small amount of vertical space. (screenshot before, screenshot after)

To install hgweb-visual-hierarchy.css, add it to chrome/userContent.css in your Firefox profile directory. You may need to create the subdirectory and file.

2 Responses to “More skimmable diffs on hgweb”

  1. LouCypher Says:

    It works on hg.mozdev.org too :)

  2. Ted Mielczarek Says:

    You know, we take patches:
    http://hg.mozilla.org/hgcustom/hg_templates/file/aebc5445f05f/gitweb_mozilla
    http://hg.mozilla.org/hgcustom/hg_templates/file/aebc5445f05f/static

    :)