Fully Expanded PR Status Checking on GitHub

One thing I love about working on the web is that I can literally modify any web page I like.

You know, I can build a browser extension that changes colors, changes font sizes, improves accessibility, moves boxes, removes things I don’t need, etc. I can even write my own bookmarklet to do this.

This is what I did recently after patiently tolerating what I consider to be an annoying limitation on the PR (pull request) status check list on GitHub.

A PR status check is a list of checks that show the status of all pipeline runs related to a PR. They are usually the last section on the PR page, just before the “Merge” button and the comments section.

What bothers me about this list is that it cannot be fully expanded. There is a toggle to hide or show all of the checks, but the list has a set height depending on how many items can be shown at a time. And sometimes the list can be quite long. If a run fails, it becomes quite annoying to scroll up and down to find the one that has failed.

So I made my own bookmarklet which only removes the height and thus the list expands as a whole. Needless to say, I use it all the time now

here is a video

If you want to use it too, here is the source code:

javascript: (() => {
  document.querySelector(
    '.merge-status-list.js-updatable-content-preserve-scroll-position'
  ).style.maxHeight = 'none';
})();
enter fullscreen mode

exit fullscreen mode

happy coding

Leave a Comment