Fully expand PR status checks on GitHub

One thing I absolutely love about working on the Web is that I can literally tweak any web page according to my preferences.

You know, I can build a browser extension that changes colors, font sizes, improves accessibility, moves boxes, removes things…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Dzhavat Ushev

One thing I absolutely love about working on the Web is that I can literally tweak any web page according to my preferences.

You know, I can build a browser extension that changes colors, font sizes, improves accessibility, moves boxes, removes things I don’t need, etc. I can also write my own bookmarklet for doing the same.

This is what I did recently after patiently enduring what I consider to be an annoying limitation on the PR (Pull Request) status checks list on GitHub.

PR status checks 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 right before the “merge” button and the comment section.

What annoys me about this list is that it can’t be fully expanded. There’s a toggle to either hide all checks or show them but the list has a set height that limits 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 what has failed.

So I built my own bookmarklet that simply removes the height and thus the list expands fully. Needless to say, I use it all time now 😎

Here’s a video 👇

Image description

In case you want to use it too, here’s the source code:

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

Happy coding 😉


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Dzhavat Ushev


Print Share Comment Cite Upload Translate Updates
APA

Dzhavat Ushev | Sciencx (2022-11-01T21:56:23+00:00) Fully expand PR status checks on GitHub. Retrieved from https://www.scien.cx/2022/11/01/fully-expand-pr-status-checks-on-github/

MLA
" » Fully expand PR status checks on GitHub." Dzhavat Ushev | Sciencx - Tuesday November 1, 2022, https://www.scien.cx/2022/11/01/fully-expand-pr-status-checks-on-github/
HARVARD
Dzhavat Ushev | Sciencx Tuesday November 1, 2022 » Fully expand PR status checks on GitHub., viewed ,<https://www.scien.cx/2022/11/01/fully-expand-pr-status-checks-on-github/>
VANCOUVER
Dzhavat Ushev | Sciencx - » Fully expand PR status checks on GitHub. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/11/01/fully-expand-pr-status-checks-on-github/
CHICAGO
" » Fully expand PR status checks on GitHub." Dzhavat Ushev | Sciencx - Accessed . https://www.scien.cx/2022/11/01/fully-expand-pr-status-checks-on-github/
IEEE
" » Fully expand PR status checks on GitHub." Dzhavat Ushev | Sciencx [Online]. Available: https://www.scien.cx/2022/11/01/fully-expand-pr-status-checks-on-github/. [Accessed: ]
rf:citation
» Fully expand PR status checks on GitHub | Dzhavat Ushev | Sciencx | https://www.scien.cx/2022/11/01/fully-expand-pr-status-checks-on-github/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.