MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary Tag: Reverted |
||
| Line 2,240: | Line 2,240: | ||
.cdx-text-input__icon, .cdx-search-input__start-icon { | .cdx-text-input__icon, .cdx-search-input__start-icon { | ||
transition: filter 0.2s ease, opacity 0.2s ease !important; | transition: filter 0.2s ease, opacity 0.2s ease !important; | ||
} | |||
/* ============================================================ | |||
--- HEADER VERTICAL ALIGNMENT (CENTERING) --- | |||
============================================================ */ | |||
/* 1. Target the main flex container of the header */ | |||
.vector-header { | |||
align-items: center !important; /* This is the "magic" line */ | |||
min-height: 50px !important; /* Adjust based on your logo height */ | |||
padding-top: 0 !important; | |||
padding-bottom: 0 !important; | |||
} | |||
/* 2. Fix the Logo container vertical spacing */ | |||
.mw-logo { | |||
display: flex !important; | |||
align-items: center !important; | |||
padding-top: 0 !important; | |||
padding-bottom: 0 !important; | |||
margin-top: 0 !important; | |||
} | |||
/* 3. Ensure Search Bar and User Links are also centered */ | |||
.vector-search-box, | |||
.vector-header-end { | |||
display: flex !important; | |||
align-items: center !important; | |||
height: 100% !important; | |||
} | |||
/* 4. Optional: If the hamburger menu icon is still low */ | |||
.vector-main-menu-dropdown { | |||
align-self: center !important; | |||
} | } | ||