MediaWiki:Vector-2022.css: Difference between revisions
No edit summary Tags: Manual revert Reverted |
No edit summary Tag: Reverted |
||
| Line 2,320: | Line 2,320: | ||
/* --- | /* --- FIX FINAL: ALINHAMENTO E VISIBILIDADE DOS ÍCONES --- */ | ||
@media screen and (max-width: 720px) { | @media screen and (max-width: 720px) { | ||
/* 1. | /* 1. Força o cabeçalho a não cortar os elementos */ | ||
. | .mw-header { | ||
. | overflow: visible !important; | ||
#p-search { | display: flex !important; | ||
flex: 0 | flex-wrap: nowrap !important; | ||
justify-content: space-between !important; | |||
} | |||
/* 2. Remove o espaço invisível do container de pesquisa */ | |||
#p-search, .vector-search-box { | |||
flex: 0 0 auto !important; | |||
margin: 0 !important; | |||
width: auto !important; | width: auto !important; | ||
} | } | ||
/* | /* 3. Agrupa e aproxima os ícones da direita */ | ||
.vector-header-end { | .vector-header-end { | ||
display: flex !important; | display: flex !important; | ||
align-items: center !important; | |||
gap: | gap: 2px !important; /* Aproxima ao máximo a lupa, chave e user */ | ||
flex: 0 1 auto !important; | |||
margin-left: auto !important; | margin-left: auto !important; | ||
} | } | ||
/* | /* 4. Corrige a cor dos ícones (Branco para o fundo escuro) */ | ||
.mw-header .vector-icon { | |||
background-color: #ffffff !important; | |||
width: 20px !important; | |||
height: 20px !important; | |||
} | |||
/* 5. Estilo para o botão de Log in (evita que fique cortado) */ | |||
#pt-login-2, #pt-login { | |||
background: transparent !important; | |||
border: none !important; | |||
padding: 0 4px !important; | padding: 0 4px !important; | ||
margin: 0 !important; | margin: 0 !important; | ||
} | } | ||
/* | /* 6. Esconde o texto "Log in" para mostrar apenas o ícone ou um botão compacto */ | ||
#pt-login span, .vector-user-links-main span:not(.vector-icon) { | |||
display: none !important; | display: none !important; | ||
} | } | ||
} | } | ||