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

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs