MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 320: / Line 320: @@
 /* ============================================================
-    HEADER — LARGE LOGO, TIGHT HEIGHT, BODY-ALIGNED
+    HEADER — LARGE LOGO, TIGHT HEIGHT, BODY-ALIGNED (FIXED)
     ============================================================ */
+/* Hide default Vector wordmark/tagline */
 .mw-logo-wordmark,
 .mw-logo-tagline {
@@ Line 328: / Line 329: @@
 }
+/* Disable logo link (logo acts as branding only) */
 .mw-logo a,
 .mw-logo a * {
@@ Line 334: / Line 336: @@
 }
+/* Match header width to page body (.bc-wrap = 1200px) */
+:root {
+    --bc-page-max: 1200px;
+    --bc-page-gutter: var(--padding-inline-page-container, 16px);
+}
+/* Outer header stays full width */
 .vector-header {
      background: #fff;
-    padding-left: var(--padding-inline-page-container, 16px) !important;
-    padding-right: var(--padding-inline-page-container, 16px) !important;
      box-sizing: border-box !important;
 }
+/* Inner header aligns to content width */
 .vector-header-container {
-     max-width: var(--width-layout) !important;
+     max-width: var(--bc-page-max) !important;
      margin-left: auto !important;
      margin-right: auto !important;
      width: 100% !important;
+    padding-left: var(--bc-page-gutter) !important;
+    padding-right: var(--bc-page-gutter) !important;
      box-sizing: border-box !important;
 }
+/* Header height control */
 .mw-header {
      height: 90px;
@@ Line 356: / Line 367: @@
 }
+/* Prevent Vector from forcing tall minimums */
 .mw-header,
 .vector-header,
@@ Line 362: / Line 374: @@
 }
+/* Left cluster (hamburger + logo) flush with container edge */
+.vector-header-start {
+    margin-left: 0 !important;
+    padding-left: 0 !important;
+}
+/* Hamburger safety (Vector 2022 + variants) */
+#mw-panel-button,
+.vector-main-menu-dropdown {
+    margin-left: 0 !important;
+}
+/* Logo sizing & vertical centering */
 .mw-logo {
      display: flex;
@@ Line 368: / Line 393: @@
 }
-.mw-logo img {
+.mw-logo img,
+#p-logo img {
      height: 135px !important;
      width: auto;
@@ Line 374: / Line 400: @@
 }
-#p-logo img {
-    height: 135px !important;
-    width: auto;
-}
-/* ============================================================
-   Align hamburger/header-start with 1200px body container
-   ============================================================ */
-:root {
-  --bc-page-max: 1200px; /* matches .bc-wrap max-width */
-  --bc-page-gutter: var(--padding-inline-page-container, 16px);
-}
-/* Push the left-side header group (hamburger + logo) to match body edge */
-.vector-header-start {
-  padding-left: clamp(
-    var(--bc-page-gutter),
-    calc((100vw - var(--bc-page-max)) / 2 + var(--bc-page-gutter)),
-px
-  ) !important;
-}
-/* Safety: some Vector variants place the menu button separately */
-#mw-panel-button,
-.vector-main-menu-dropdown {
-  margin-left: 0 !important;
-}
 /* ============================================================