MediaWiki:Vector-2022.css: Difference between revisions

Line 2,320:

~~/* --- FIX FINAL PARA O LOGIN "CAÍDO" --- */~~

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

/* 1. ~~Impede~~ que o ~~container de links de utilizador se comporte como um dropdown flutuante~~ */

/* 1. Mata o dropdown branco que bloqueia o clique */

.vector-~~user~~-~~links-main~~,

.vector-dropdown-content,

.user-links-~~collapsible-item~~ {

.vector-user-links-dropdown {

~~position~~: ~~static~~ !important; /* ~~Remove~~ o ~~posicionamento que o faz flutuar~~ */

display: none !important;

visibility: hidden !important;

}

/* 2. Força o link de Login a ser clicável e visível na barra verde */

.vector-user-links-main {

display: flex !important;

align-items: center !important;

~~margin: 0 !important;~~

}

~~/* 2. Força o botão de Log in a voltar para dentro da linha verde */~~

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

~~position~~: ~~static~~ !important;

display: block !important;

~~background~~: ~~transparent~~ !important;

padding: 5px 10px !important;

~~padding~~: ~~0 5px~~ !important;

color: #ffffff !important;

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

text-decoration: none !important;

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

font-weight: bold !important;

font-size: 13px !important;

}

/* 3. ~~Ajuste do texto do Login~~ para não ~~empurrar os ícones~~ */

/* 3. FIX PARA LOGADO: Esconde o nome "WikiManagement" para não quebrar a linha */

#pt-~~login~~ span {

#pt-userpage span:not(.vector-icon),

~~font~~-~~size~~: ~~12px !important;~~

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

~~color~~: ~~#ffffff~~ !important;

display: none !important;

}

/* 4. Garante que ~~o container pai~~ (~~header-end~~) ~~não limite a altura~~ */

/* 4. Garante que os ícones (lupa, chave, user) fiquem brancos e alinhados */

.vector-header-end {

~~overflow: visible !important;~~

display: flex !important;

~~justify-content~~: ~~flex-end~~ !important;

gap: 5px !important;

align-items: center !important;

~~flex: 1 !important;~~

}

~~/* 5~~. ~~Reduz a largura da pesquisa para o Login ter onde morar */~~

.mw-header .vector-icon {

#p-~~search~~ {

background-color: #ffffff !important;

~~max~~-~~width~~: ~~40px~~ !important;

}