MediaWiki:Vector-2022.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* ================================ | /* ========================================= | ||
VECTOR-2022 LOGO FIX | VECTOR-2022 LOGO: SIZE + ALIGNMENT FIX | ||
================================ */ | ========================================= */ | ||
/* 1. Hide | /* 1. Hide wordmark text completely */ | ||
.mw-logo-wordmark, | .mw-logo-wordmark, | ||
.mw-logo-tagline { | .mw-logo-tagline { | ||
| Line 9: | Line 9: | ||
} | } | ||
/* 2. | /* 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 { | .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; | |||
} | } | ||
/* | /* 5. Increase logo size (Wikipedia ≈ 50px) */ | ||
.mw-logo { | .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 { | .mw-logo-container { | ||
display: none !important; | |||
} | } | ||
/* | /* 7. Ensure header height stays correct */ | ||
. | .vector-header { | ||
min-height: 64px; | |||
} | } | ||
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;
}