MediaWiki:Vector-2022.css: Difference between revisions
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 2,312: | Line 2,312: | ||
margin: 0 !important; | margin: 0 !important; | ||
align-items: center !important; | align-items: center !important; | ||
} | |||
} | |||
/* --- AJUSTE DE ALTURA SEM REMOVER O LOGO --- */ | |||
@media screen and (max-width: 720px) { | |||
/* 1. Reduz a altura da barra (zona roxa) de 14px para 6px de padding */ | |||
.mw-header { | |||
min-height: 48px !important; | |||
padding-top: 6px !important; | |||
padding-bottom: 6px !important; | |||
height: auto !important; | |||
display: flex !important; | |||
align-items: center !important; | |||
} | |||
/* 2. Garante que o LOGO seja visível e tenha um tamanho fixo */ | |||
.mw-header .mw-logo { | |||
display: flex !important; | |||
align-items: center !important; | |||
min-width: 80px !important; /* Protege o espaço do logo */ | |||
max-height: 32px !important; | |||
} | |||
.mw-header .mw-logo-icon { | |||
display: block !important; | |||
width: 80px !important; /* Ajusta conforme o teu Lettering.svg */ | |||
height: auto !important; | |||
max-height: 28px !important; | |||
} | |||
/* 3. Mantém a pesquisa pequena e os ícones à direita */ | |||
#p-search { | |||
flex: 0 0 35px !important; | |||
width: 35px !important; | |||
} | |||
.vector-header-end { | |||
flex: 1 !important; | |||
display: flex !important; | |||
justify-content: flex-end !important; | |||
gap: 8px !important; | |||
} | |||
/* 4. Força a cor branca nos ícones para não sumirem no fundo escuro */ | |||
.mw-header .vector-icon { | |||
background-color: #ffffff !important; | |||
} | } | ||
} | } | ||