MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

/* --- FIX DOS ÍCONES (~~STICKY E HEADER~~) --- */

/* --- FIX DE CONTRASTE DOS ÍCONES (ATRONIA) --- */

/* 1. ~~Atacamos as variáveis de cor que o MediaWiki usa para~~ os ícones */

/* 1. Alvo: Todos os ícones na Header e na Sticky Header */

~~.skin-vector-2022 .mw-header,~~

~~.skin-vector-2022 .vector-sticky-header {~~

~~--cdx-color-icon-base: #ffffff !important;~~

~~--cdx-color-base: #ffffff !important;~~

}

~~/* 2. Forçamos o desenho a aparecer (o "buraco" da máscara)~~ */

.skin-vector-2022 .mw-header .vector-icon,

.skin-vector-2022 .vector-sticky-header .vector-icon,

.skin-vector-2022 .mw-header .mw-ui-icon,

.skin-vector-2022 .vector-sticky-header .mw-ui-icon {

~~background-color~~: ~~#ffffff~~ !important; ~~/* Cor do ícone */~~

/* Forçamos a inversão: o que era preto/cinza vira branco */

filter: brightness(0) invert(1) !important;

/* ~~Remove filtros que podem esconder~~ o ~~ícone~~ no ~~fundo escuro~~ */

/* Mantemos o fundo transparente para o filtro atuar apenas no desenho */

~~filter~~: ~~none~~ !important;

background-color: transparent !important;

/* ~~Garante~~ que a máscara ~~ocupa~~ o espaço ~~todo do ícone~~ */

/* Garantimos que o ícone está visível e com tamanho correto */

opacity: 1 !important;

visibility: visible !important;

display: inline-block !important;

width: 20px !important;

height: 20px !important;

/* Forçamos a máscara a preencher o espaço sem repetir */

-webkit-mask-size: contain !important;

mask-size: contain !important;

-webkit-mask-repeat: no-repeat !important;

mask-repeat: no-repeat !important;

~~/* IMPORTANTE: Garante que o span tem dimensões */~~

~~display: inline-block !important;~~

~~width: 20px !important;~~

~~height: 20px !important;~~

}

/* 3. ~~Corrigir o fundo dos botões~~ que aparecem ~~brancos (quadrados)~~ */

/* 2. Remove os quadrados brancos que aparecem nos botões "Quiet" */

.cdx-button--weight-quiet.cdx-button--icon-only {

background-color: transparent !important;

Line 269:

Line 265:

}

/* 4. Fix para a seta do "WikiManagement~~" (Dropdown~~) */

/* 3. Fix para a seta do Dropdown (WikiManagement) */

.vector-dropdown-label::after {

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

filter: brightness(0) invert(1) !important;

}