MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

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

/* 1. RESET TOTAL: Remove os quadrados de fundo de todos os ícones da navbar */

.skin-vector-2022 .mw-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 */~~

background-color: transparent !important; /* Mata o quadrado branco */

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

background-image: inherit !important; /* Força a imagem original a voltar */

filter: brightness(0) invert(1) !important; /* Transforma o ícone original em BRANCO */

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

opacity: 1 !important;

~~-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;~~

/* 3. ~~Força a visibilidade~~ */

/* 2. DROPDOWN: Ícones pretos no fundo branco */

~~opacity~~: 1 !important;

.skin-vector-2022 .vector-dropdown-content .vector-icon,

~~visibility~~: ~~visible~~ !important;

.skin-vector-2022 .vector-dropdown-content .mw-ui-icon {

background-color: transparent !important;

filter: brightness(0) !important; /* Transforma o ícone em PRETO absoluto */

opacity: 0.8 !important;

}

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

/* 3. FIX ESPECÍFICO: Garante que a imagem do ícone não seja escondida pela Wiki */

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

.vector-icon {

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

-webkit-mask-image: none !important;

~~filter~~: none !important;

mask-image: none !important;

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

}