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

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay