MediaWiki:Vector-2022.css: Difference between revisions

Revision as of 17:02, 20 December 2025

/* ===============================
   VECTOR-2022 SAFE LOGO TUNING
   =============================== */

/* 1. Hide the site name text */
.mw-logo-wordmark,
.mw-logo-tagline {
  display: none !important;
}

/* 2. Increase logo size safely */
.mw-logo-icon {
  height: 56px !important; /* try 50px if you want tighter */
  width: auto !important;
}

/* 3. Vertically center logo WITHOUT breaking header */
.vector-header-start .mw-logo {
  display: flex;
  align-items: center;
}

/* 4. Slight spacing from hamburger menu (Wikipedia-like) */
.vector-header-start .mw-logo {
  margin-left: 6px;
}

@@ Line 1: / Line 1: @@
-/* =========================================
+/* ===============================
-    VECTOR-2022 LOGO: SIZE + ALIGNMENT FIX
+    VECTOR-2022 SAFE LOGO TUNING
-    ========================================= */
+    =============================== */
-/* 1. Hide wordmark text completely */
+/* 1. Hide the site name text */
 .mw-logo-wordmark,
 .mw-logo-tagline {
@@ Line 9: / Line 9: @@
 }
-/* 2. Make header-start a clean flex row */
+/* 2. Increase logo size safely */
-.vector-header-start {
-  display: flex !important;
-  align-items: center !important;
-  padding-left: 0 !important;
-}
-/* 3. Remove extra spacing added by Vector */
-.vector-header-start > nav {
-  margin-right: 0 !important;
-}
-/* 4. Properly align the logo link */
-.vector-header-start .mw-logo {
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center;
-  margin-left: 8px !important; /* Wikipedia-like spacing from menu */
-  padding: 0 !important;
-}
-/* 5. Increase logo size (Wikipedia ≈ 50px) */
 .mw-logo-icon {
-   height: 56px !important; /* change to 50px for exact Wikipedia */
+   height: 56px !important; /* try 50px if you want tighter */
    width: auto !important;
 }
-/* 6. Prevent Vector from reserving space for text */
+/* 3. Vertically center logo WITHOUT breaking header */
-.mw-logo-container {
+.vector-header-start .mw-logo {
-   display: none !important;
+   display: flex;
+  align-items: center;
 }
-/* 7. Ensure header height stays correct */
+/* 4. Slight spacing from hamburger menu (Wikipedia-like) */
-.vector-header {
+.vector-header-start .mw-logo {
-   min-height: 64px;
+   margin-left: 6px;
 }