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:

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';}})();

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

The above is the detailed content of TIL how to see the entire commit column on GitLab using JS. For more information, please follow other related articles on the PHP Chinese website!