StackExchangeWiderMode.user.js

// ==UserScript==
// @name         Stack Exchange Wider Mode
// @description  Increase max-width of sites to 1440px
// @homepage     https://github.com/samliew/SO-mod-userscripts
// @author       Samuel Liew
// @version      3.0.13
//
// @match        https://*.stackoverflow.com/*
// @match        https://*.serverfault.com/*
// @match        https://*.superuser.com/*
// @match        https://*.askubuntu.com/*
// @match        https://*.mathoverflow.net/*
// @match        https://*.stackapps.com/*
// @match        https://*.stackexchange.com/*
// @match        https://stackoverflowteams.com/*
//
// @exclude      https://api.stackexchange.com/*
// @exclude      https://data.stackexchange.com/*
// @exclude      https://contests.stackoverflow.com/*
// @exclude      https://winterbash*.stackexchange.com/*
// @exclude      *chat.*
// @exclude      *blog.*
// @exclude      */tour
// @exclude      */transcript/*
//
// @require      https://raw.githubusercontent.com/samliew/SO-mod-userscripts/master/lib/se-ajax-common.js
// @require      https://raw.githubusercontent.com/samliew/SO-mod-userscripts/master/lib/common.js
//
// @run-at       document-start
// ==/UserScript==

/* globals StackExchange */
/// <reference types="./globals" />

'use strict';

const breakpoints = {
  standard: 1264,
  wide: 1440,
  wider: 1580,
  widerer: 1920,
  widest: 2560,
  full: 99999
};
const maxWidth = breakpoints.wider;
const leftSidebarWidth = 164;


// Append styles
const styles = document.createElement('style');
styles.setAttribute('data-somu', GM_info?.script.name);
styles.innerHTML = `
/* General */
.contentWrapper,
.top-bar .-container,
body > .container,
body > #container {
  max-width: ${maxWidth}px;
  width: 100%;
}
body#chat-body #container {
  max-width: none;
  width: 100%;
}
#left-sidebar ~ #content {
  max-width: ${maxWidth - leftSidebarWidth}px;
  width: calc(100% - ${leftSidebarWidth}px);
  margin-left: auto;
  margin-right: auto;
}
html.html__unpinned-leftnav #content {
  max-width: none;
  width: 100%;
}

/* Mod pages */
.flag-container {
  width: calc(100% - 330px);
}
.flagged-posts {
  width: 100%;
}

/* Stack Exchange */
header.siteHeader {
  padding: 0 20px;
}
body > .wrapper > #content {
  max-width: none;
  width: auto;
}
#mainArea {
  max-width: ${maxWidth - leftSidebarWidth}px;
  width: calc(100% - 240px);
}
#mainArea + #sideBar {
  width: 220px;
}
#mainArea > * {
  width: auto;
}
#mainArea #question-list,
#mainArea #question-list .question-container {
  width: 100%;
  box-sizing: border-box;
}
#mainArea #question-list .question-container .question {
  width: calc(100% - 70px);
  box-sizing: border-box;
}
`.replace(/;/g, ' !important;');
document.head.appendChild(styles);