GitLab: toggle focus mode
Hides the sidebar and the top navigation bar with one click, leaving just the page content.
Code to copy
// Toggle a distraction-free focus mode: hide sidebar and top bar
const ID = 'jz-glb-focus-mode';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
const s = document.createElement('style');
s.id = ID;
s.textContent =
'.super-sidebar{display:none!important}' +
'.top-bar-fixed,.header-content{display:none!important}' +
'.content-wrapper,.layout-page .content-wrapper{margin-left:0!important;padding-top:0!important}';
document.head.appendChild(s);
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.