MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
Line 320: Line 320:


/* ============================================================
/* ============================================================
   HEADER — LARGE LOGO, TIGHT HEIGHT, BODY-ALIGNED (FIXED)
   HEADER — LARGE LOGO, TIGHT HEIGHT, PERFECTLY BODY-ALIGNED
   ============================================================ */
   ============================================================ */


Line 329: Line 329:
}
}


/* Disable logo link (logo acts as branding only) */
/* Disable logo link */
.mw-logo a,
.mw-logo a,
.mw-logo a * {
.mw-logo a * {
Line 336: Line 336:
}
}


/* Match header width to page body (.bc-wrap = 1200px) */
/* Use Vector’s own layout width so header & body match exactly */
:root {
    --bc-page-max: 1200px;
    --bc-page-gutter: var(--padding-inline-page-container, 16px);
}
 
/* Outer header stays full width */
.vector-header {
.vector-header {
     background: #fff;
     background: #fff;
Line 348: Line 342:
}
}


/* Inner header aligns to content width */
.vector-header-container {
.vector-header-container {
     max-width: var(--bc-page-max) !important;
     max-width: var(--width-layout) !important;
     margin-left: auto !important;
     margin-left: auto !important;
     margin-right: auto !important;
     margin-right: auto !important;
     width: 100% !important;
     width: 100% !important;
     padding-left: var(--bc-page-gutter) !important;
     padding-left: var(--padding-inline-page-container, 16px) !important;
     padding-right: var(--bc-page-gutter) !important;
     padding-right: var(--padding-inline-page-container, 16px) !important;
     box-sizing: border-box !important;
     box-sizing: border-box !important;
}
}
Line 367: Line 360:
}
}


/* Prevent Vector from forcing tall minimums */
/* Prevent Vector forcing tall minimums */
.mw-header,
.mw-header,
.vector-header,
.vector-header,
Line 374: Line 367:
}
}


/* Left cluster (hamburger + logo) flush with container edge */
/* Left cluster flush */
.vector-header-start {
.vector-header-start {
     margin-left: 0 !important;
     margin-left: 0 !important;
Line 380: Line 373:
}
}


/* Hamburger safety (Vector 2022 + variants) */
/* Hamburger safety */
#mw-panel-button,
#mw-panel-button,
.vector-main-menu-dropdown {
.vector-main-menu-dropdown {
Line 386: Line 379:
}
}


/* Logo sizing & vertical centering */
/* Logo sizing */
.mw-logo {
.mw-logo {
     display: flex;
     display: flex;