Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

From RSN Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* ================================
/* =========================================
   VECTOR-2022 LOGO FIX (FULL)
   VECTOR-2022 LOGO: SIZE + ALIGNMENT FIX
   ================================ */
   ========================================= */


/* 1. Hide site name (wordmark) and tagline */
/* 1. Hide wordmark text completely */
.mw-logo-wordmark,
.mw-logo-wordmark,
.mw-logo-tagline {
.mw-logo-tagline {
Line 9: Line 9:
}
}


/* 2. Increase logo size (Wikipedia is ~50px) */
/* 2. Make header-start a clean flex row */
.mw-logo-icon {
.vector-header-start {
   height: 56px !important;  /* change to 50px if you want exact Wikipedia */
   display: flex !important;
   width: auto !important;
  align-items: center !important;
   padding-left: 0 !important;
}
 
/* 3. Remove extra spacing added by Vector */
.vector-header-start > nav {
   margin-right: 0 !important;
}
}


/* 3. Ensure header items are vertically centered */
/* 4. Properly align the logo link */
.vector-header-start {
.vector-header-start .mw-logo {
   display: flex;
   display: flex !important;
   align-items: center !important;
   align-items: center !important;
  justify-content: center;
  margin-left: 8px !important; /* Wikipedia-like spacing from menu */
  padding: 0 !important;
}
}


/* 4. Fix logo alignment after removing wordmark */
/* 5. Increase logo size (Wikipedia ≈ 50px) */
.mw-logo {
.mw-logo-icon {
   display: flex;
   height: 56px !important; /* change to 50px for exact Wikipedia */
  align-items: center;
  width: auto !important;
  margin-left: 8px !important; /* reduce to 0 if you want it tighter */
}
}


/* 5. Prevent extra reserved space for removed text */
/* 6. Prevent Vector from reserving space for text */
.mw-logo-container {
.mw-logo-container {
   padding: 0 !important;
   display: none !important;
  margin: 0 !important;
}
}


/* 6. Ensure logo remains clickable and clean */
/* 7. Ensure header height stays correct */
.mw-logo img {
.vector-header {
   max-height: 56px;
   min-height: 64px;
  width: auto;
}
}

Revision as of 16:59, 20 December 2025

/* =========================================
   VECTOR-2022 LOGO: SIZE + ALIGNMENT FIX
   ========================================= */

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

/* 2. Make header-start a clean flex row */
.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 */
  width: auto !important;
}

/* 6. Prevent Vector from reserving space for text */
.mw-logo-container {
  display: none !important;
}

/* 7. Ensure header height stays correct */
.vector-header {
  min-height: 64px;
}