User:Ghtjason/vector-2022.css

/* CSS to improve content page width in new 2022 vector skin. This is an improvement over deselecting the "Enable limited width" checkbox in preferences.

/* left sidebar content width (was something like 224px) */ width: 190px; }
 * 1) vector-toc-pinned-container .sidebar-toc:after, #vector-toc-pinned-container .sidebar-toc, #vector-toc-pinned-container .vector-toc:after, #vector-toc-pinned-container .vector-toc, .vector-feature-page-tools-disabled .vector-main-menu, .vector-main-menu-container .vector-main-menu {

/* reduce left and right white space */ /* 170px (was 284) moves the left edge of the content nearer to the right edge of left panel */ @media screen and (min-width: 1200px) { .mw-page-container { padding-left: 1em; padding-right: 1em; } .mw-page-container-inner { grid-template-columns: 170px minmax(0,1fr); } } @media screen and (min-width: 1000px) { .mw-page-container { padding-left: 1em; padding-right: 1em; } .mw-page-container-inner { grid-template-columns: 170px minmax(0,1fr); } }

/* maximum width of content (was 60em) */ .vector-feature-page-tools-disabled .mw-content-container, .vector-feature-page-tools-disabled .mw-table-of-contents-container { max-width: 80em; }