← All examples

Focus mode for an issue

Toggles a distraction-free reading mode by hiding the sidebar, header and footer of an issue or PR thread.

Code to copy

// Toggle a distraction-free reading mode for an issue or PR thread
var on = document.documentElement.toggleAttribute('data-jz-focus');
var hide = ['#partial-discussion-sidebar', '.AppHeader', '.footer'];
hide.forEach(function (sel) {
  document.querySelectorAll(sel).forEach(function (el) {
    el.style.display = on ? 'none' : '';
  });
});
JZ.toast(on ? 'Focus mode on' : 'Focus mode off');

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.