MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

/* --- ~~FIX~~ FINAL: MÁSCARA ~~DE ÍCONE BRANCA~~ --- */

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

~~/* 1. Alvo direto nos spans dos ícones que aparecem no teu Inspect */~~

.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 .mw-header .mw-ui-icon,~~

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

/* Define a ~~"tinta" como branco~~ */

/* 1. Define a cor branca */

background-color: #ffffff !important;

/* ~~FORÇA~~ o navegador a usar o ícone ~~original~~ como ~~máscara de recorte~~ */

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

-webkit-mask-image: inherit !important;

mask-image: inherit !important;

Line 252:

Line 251:

mask-position: center !important;

/* ~~Garante que nada o esconda~~ */

/* 3. Força a visibilidade */

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

opacity: 1 !important;

visibility: visible !important;

}

/* 2. ~~Reset de filtros~~ que ~~podem estar a escurecer~~ o ícone */

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

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

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

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

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

filter: none !important;

mix-blend-mode: normal !important;

}

~~/* 3. Correção para o ícone de User e Notificações (que às vezes usam background-image) */~~

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

~~background-image: none !important;~~

}