Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

No edit summary
No edit summary
Line 2,317: Line 2,317:




/*


/* --- REDUZIR ALTURA DA ZONA ROXA (Cabeçalho) --- */
/* --- REDUZIR ALTURA DA ZONA ROXA (Cabeçalho) --- */
Line 2,343: Line 2,339:
         align-items: center !important;
         align-items: center !important;
         display: flex !important;
         display: flex !important;
    }
}
*/
/* --- AJUSTE ESTRUTURAL MOBILE (Vector 2022) --- */
@media screen and (max-width: 720px) {
    /* 1. Esmaga o espaço roxo: remove min-height e padding de 14px */
    .mw-header,
    .vector-header-container .mw-header {
        min-height: 48px !important; /* Estava em 72px */
        padding: 4px 10px !important; /* Estava em 14px */
        height: auto !important;
    }
    /* 2. Força o Log in a sair das reticências (...) e ser um link fixo */
    #vector-user-links-dropdown,
    .vector-user-links-dropdown {
        display: none !important; /* Esconde o menu de colapso */
    }
    .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 não desaparece e mantém o tamanho */
    .mw-header .mw-logo-icon {
        display: block !important;
        width: 85px !important;
        max-height: 26px !important;
    }
    /* 4. Encolhe a pesquisa ao máximo para dar espaço ao Login */
    #p-search {
        flex: 0 0 36px !important;
        margin: 0 5px !important;
    }
    /* 5. Alinha tudo na mesma linha horizontal */
    .vector-header-end {
        flex: 1 !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 6px !important;
     }
     }
}
}