MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

/* --- ~~A ÚLTIMA TENTATIVA~~: ~~FILTRO NO CONTAINER~~ --- */

/* --- REPARAÇÃO FINAL: FORÇAR MÁSCARA --- */

~~/* Em vez de tentar pintar o ícone~~, ~~vamos dar uma ordem ao "pai" de todos os ícones */~~

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

.vector-header-~~end~~,

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

.vector-sticky-header-~~icons~~,

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

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

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

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

/* 1. Define a cor branca */

}

background-color: #ffffff !important;

/* 2. OBRIGA o navegador a usar o desenho do ícone como molde */

-webkit-mask-image: inherit !important;

mask-image: inherit !important;

-webkit-mask-size: contain !important;

mask-size: contain !important;

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

mask-repeat: no-repeat !important;

-webkit-mask-position: center !important;

mask-position: center !important;

/* ~~Garante que os ícones dentro desses containers não tenham fundo branco (quadrado) */~~

/* 3. Força a visibilidade */

~~.vector-icon,~~ .~~mw-ui-icon {~~

~~background-color: transparent !important;~~

~~background-image: none !important; /* Remove se for imagem simples~~ */

opacity: 1 !important;

visibility: visible !important;

}

/* ~~Se o filtro acima inverter demais as coisas (como~~ o ~~texto), usamos este alvo cirúrgico:~~ */

/* 4. Remove qualquer efeito que "apague" o ícone no fundo escuro */

~~.skin-vector-2022~~ .cdx-button--weight-quiet .vector-icon,

.cdx-button--weight-quiet .vector-icon,

~~.skin-vector-2022~~ .cdx-button--weight-quiet .mw-ui-icon {

.cdx-button--weight-quiet .mw-ui-icon {

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

filter: none !important;

-~~webkit~~-~~filter~~: ~~brightness(0) invert(1)~~ !important;

mix-blend-mode: normal !important;

}