DEV Community

Benji 🍙
Benji 🍙

Posted on

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

Top comments (0)