MediaWiki:Vector-2022.css: Difference between revisions

Line 2,320:

/* --- FIX ~~PARA O~~ CABEÇALHO EM LINHA ÚNICA --- */

/* --- FIX DEFINITIVO: CABEÇALHO EM LINHA ÚNICA --- */

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

/* 1. Força o ~~container principal~~ a não quebrar linha */

/* 1. Força o cabeçalho a não quebrar linha e reduz a altura */

.mw-header {

display: flex !important;

flex-wrap: nowrap !important;

align-items: center !important;

~~justify-content~~: ~~space-between~~ !important;

height: 50px !important;

~~height~~: ~~54px~~ !important; ~~/* Altura fixa para evitar expansão */~~

padding: 0 8px !important;

}

/* 2. Esconde o texto ~~do nome~~ de utilizador ~~para caberem os ícones~~ */

/* 2. Reduz o logo para ganhar espaço horizontal */

.vector-user-links-main .mw-list-item span:not(.vector-icon) {

.mw-header .mw-logo-icon {

width: 80px !important; /* Logo mais pequeno na vertical para caber tudo */

height: auto !important;

max-height: 22px !important;

}

/* 3. Esconde qualquer texto de utilizador (como "WikiManagement" ou "Log in") */

/* Mantém apenas o ícone visual */

.vector-user-links-main .mw-list-item span:not(.vector-icon),

#pt-login span,

#pt-createaccount span {

display: none !important;

}

/* 3. ~~Ajusta o container final (icones~~ da direita) */

/* 4. Garante que os ícones da direita fiquem alinhados e visíveis */

.vector-header-end {

display: flex !important;

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

flex: 1 !important;

justify-content: flex-end !important;

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

gap: 12px !important;

~~gap~~: ~~8px~~ !important; ~~/* Espaço entre ícones */~~

min-width: 100px !important;

}

/* 4. ~~Garante que~~ o ~~logo não ocupa espaço demais~~ */

/* 5. Ajusta o botão de login para mostrar o ícone se ele estiver escondido */

~~.mw~~-~~header-start~~ {

#pt-login {

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

display: inline-flex !important;

~~padding~~-~~right: 10px~~ !important;

}