MediaWiki:Vector-2022.css: Difference between revisions

Latest revision as of 17:12, 20 December 2025

/* ===============================
   VECTOR-2022 LOGO — FINAL FIX
   =============================== */

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

/* 2. Reset forced HTML sizing */
.mw-logo-icon {
  height: auto !important;
  width: auto !important;
  max-height: 56px;  
  transform: scale(2.1) translateY(15px);
  transform-origin: left center;
}

/* 3. Keep header alignment intact */
.vector-header-start {
  align-items: center;
}

/* 4. Correct spacing after scaling */
.vector-header-start .mw-logo {
  margin-left: 8px;
  display: flex;
  align-items: center;
}

@@ Line 1: / Line 1: @@
-/* =========================================
+/* ===============================
-    VECTOR-2022 LOGO: SIZE + ALIGNMENT FIX
+    VECTOR-2022 LOGO — FINAL FIX
-    ========================================= */
+    =============================== */
-/* 1. Hide wordmark text completely */
+/* 1. Hide wordmark text */
 .mw-logo-wordmark,
 .mw-logo-tagline {
@@ Line 9: / Line 9: @@
 }
-/* 2. Make header-start a clean flex row */
+/* 2. Reset forced HTML sizing */
-.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: auto !important;
    width: auto !important;
+  max-height: 56px;
+  transform: scale(2.1) translateY(15px);
+  transform-origin: left center;
 }
-/* 6. Prevent Vector from reserving space for text */
+/* 3. Keep header alignment intact */
-.mw-logo-container {
+.vector-header-start {
-   display: none !important;
+   align-items: center;
 }
-/* 7. Ensure header height stays correct */
+/* 4. Correct spacing after scaling */
-.vector-header {
+.vector-header-start .mw-logo {
-   min-height: 64px;
+   margin-left: 8px;
+  display: flex;
+  align-items: center;
 }