MediaWiki:Vector-2022.css: Difference between revisions

Line 2,354:

/* --- AJUSTE ~~DIRETO NA ESTRUTURA VECTOR~~ 2022 --- */

/* --- AJUSTE ESTRUTURAL MOBILE (Vector 2022) --- */

@media screen and (max-width: 720px) {

/* 1. ~~Reduz a altura da zona roxa~~ e ~~remove o~~ padding ~~excessivo~~ */

/* 1. Esmaga o espaço roxo: remove min-height e padding de 14px */

.mw-header {

.mw-header,

min-height: ~~44px~~ !important; /* ~~Reduzido de~~ 72px */

.vector-header-container .mw-header {

padding~~-top~~: 4px !important; /* ~~Reduzido de 14px */~~

min-height: 48px !important; /* Estava em 72px */

~~padding-bottom: 4px !important; /* Reduzido de~~ 14px */

padding: 4px 10px !important; /* Estava em 14px */

height: auto !important;

}

/* 2. Força o ~~container~~ de ~~pesquisa~~ a ~~não empurrar os outros elementos~~ */

/* 2. Força o Log in a sair das reticências (...) e ser um link fixo */

#p-~~search~~ {

#vector-user-links-dropdown,

flex-~~grow~~: 0 !important;

.vector-user-links-dropdown {

~~width~~: ~~36px~~ !important;

display: none !important; /* Esconde o menu de colapso */

~~margin~~: 0 !important;

}

.vector-user-links-main {

display: flex !important; /* Força o conteúdo real a aparecer */

align-items: center !important;

position: static !important;

}

#pt-login, #pt-login-2 {

display: inline-flex !important;

color: #ffffff !important;

font-weight: bold !important;

font-size: 13px !important;

white-space: nowrap !important;

}

/* 3. Garante que o Logo ~~tenha prioridade~~ e ~~não desapareça~~ */

/* 3. Garante que o Logo não desaparece e mantém o tamanho */

.mw-header .mw-logo-icon {

display: block !important;

width: ~~90px !important;~~

width: 85px !important;

~~height: auto~~ !important;

max-height: 26px !important;

max-height: ~~28px~~ !important;

}

/* 4. ~~Traz o~~ Login ~~de volta para a linha (Remove o colapso)~~ */

/* 4. Encolhe a pesquisa ao máximo para dar espaço ao Login */

~~.vector~~-~~user-links-main~~ {

#p-search {

~~display:~~ flex ~~!important;~~

flex: 0 0 36px !important;

~~align-items~~: ~~center~~ !important;

margin: 0 5px !important;

}

~~/* Esconde o texto longo para o botão caber na barra */~~

~~#pt-login span,~~

~~.vector-user-links span:not(.vector-icon) {~~

~~display~~: ~~none~~ !important;

}

/* 5. ~~Aproxima os ícones da direita~~ */

/* 5. Alinha tudo na mesma linha horizontal */

.vector-header-end {

~~gap~~: ~~5px~~ !important;

flex: 1 !important;

display: flex !important;

justify-content: flex-end !important;

align-items: center !important;

gap: 6px !important;

}