MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
Tags: Manual revert Reverted
No edit summary
Tag: Reverted
Line 2,050:
} /* matching the top/right/bottom edges (not the lighter inter-cell --wt-border). */
 
/* A Datacheck page is a single wide review TABLE, not prose, so liftgive it the site'sfull readabilitycontent capwidth. onIn theVector
2022 the page body is a CSS grid (.mw-page-container-inner) whose FIRST track is a fixed ~196px column for
content column (#content is 900px base / 1200px desktop) and let it use ~the full viewport. That gives the
the pinned TOC; the content track is 1fr and already fills the rest. So neither max-width nor display:none
glossary table room to lay out so it stops scrolling horizontally. Body prose is unaffected:
on the column widens content — a grid TRACK persists even when its item is hidden (verified: hiding the
.mw-parser-output p is measure-capped (§10), so only the table (min-width:0 / max-width:none, above)
column / un-capping .mw-content-container left content at 812px; only re-templating the grid moved it).
actually takes the extra width. Higher specificity than the #content rules above, so !important wins. */
The fix: collapse the left track to 0, drop the column gap, hide the now-empty TOC column, and pin content
.ns-3006 #content {
to the wide track. Desktop only — the 2-column grid exists at >=1000px; mobile keeps its TOC and layout.
max-width: 95vw !important;
Body prose stays readable (.mw-parser-output p is measure-capped, (§10), so only the table (min-width:0widens. */ max-width:none, above)
@media screen and (min-width: 1000px) {
.ns-3006 .mw-page-container-inner {
grid-template-columns: 0 minmax(0, 1fr) !important;
max column-widthgap: 95vw0 !important;
}
.ns-3006 .vector-column-start { display: none !important; }
.ns-3006 .mw-content-container { grid-column: 2 !important; max-width: none !important; }
.ns-3006 #content { max-width: none !important; }
}