TIL how to see the entire commit column on GitLab using JS

benji011

Benji 🍙

Posted on November 27, 2024

TIL how to see the entire commit column on GitLab using JS

This was quite a while back but I'm adding this here as a note-to-self thing.

Whenever you open CI/CD > Pipelines on GitLab you might often see something like this:

Image description

You can see the whole thing by opening up the dev console on your browser and changing some CSS to fix the styling. Another way you can also see the entire column is by creating a new bookmark (on any page, it doesn't matter) and then edit the URL to be this:

javascript:(function(){var e=document.querySelectorAll('a.commit-sha.mr-0');for(var t=0;t<e.length;t++){e[t].parentNode.removeChild(e[t]);}var n=document.querySelectorAll('div.container-limited');if(n.length>0){n[0].style.maxWidth='2400px';}var r=document.querySelectorAll('a.ref-name');for(var t=0;t<r.length;t++){r[t].style.overflow='unset';}})();
Enter fullscreen mode Exit fullscreen mode

Image description

So then when you click it, the table will resize to look like below:

Image description

Image description

💖 💪 🙅 🚩
benji011
Benji 🍙

Posted on November 27, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related