GitLab: default to side-by-side diff
Automatically switches the diff view to side-by-side layout when it is currently shown inline.
Code to copy
// Switch diffs to side-by-side view automatically if currently inline
function preferSideBySide() {
const parallel = document.querySelector(
'.js-parallel-diff-button, [data-view-type="parallel"], [data-testid="parallel-diff-button"]'
);
if (parallel && !parallel.classList.contains('active') &&
parallel.getAttribute('aria-pressed') !== 'true') {
parallel.click();
}
}
preferSideBySide();
const obs = new MutationObserver(function () {
if (document.querySelector('.diff-file')) { preferSideBySide(); }
});
obs.observe(document.body, { childList: true, subtree: true });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.