MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

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

/* --- SUBSTITUIÇÃO DIRETA DE ÍCONES (BRANCO) --- */

/* Alvos: Pesquisa, Estrela, Lápis, User */

.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 .vector-icon,~~

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

/* 1. ~~Define a cor branca~~ */

/* 1. Remove o ícone problemático da Wiki */

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

background-image: none !important;

-webkit-mask-image: none !important;

mask-image: none !important;

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

/* 2. Força o fundo a ser transparente (mata o quadrado branco) */

-~~webkit-mask-image~~: ~~inherit~~ !important;

background-color: transparent !important;

~~mask-image: inherit !important;~~

~~-webkit-mask-size: contain !important;~~

/* 3. Inverte a cor do que sobrar (garantia extra) */

~~mask-size: contain !important;~~

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

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

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

/* 4. Força visibilidade máxima */

~~-webkit-mask-position~~: ~~center~~ !important;

~~mask-position: center !important;~~

/* 3. Força a visibilidade */

opacity: 1 !important;

visibility: visible !important;

display: inline-block !important;

}

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

/* 5. Garante que o span interno não bloqueie o desenho */

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

.vector-icon::before, .mw-ui-icon::before {

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

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

filter: ~~none~~ !important;

background-color: transparent !important;

~~mix-blend~~-~~mode~~: ~~normal~~ !important;

}