MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

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

/* --- REPARAÇÃO DE ÍCONES: CONTRASTE BRANCO FORÇADO --- */

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

/* Atacamos o container e o ícone simultaneamente */

.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 {

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

/* 1. Removemos o fundo branco que cria o quadrado */

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

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

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

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

background-color: transparent !important;

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

/* 2. Forçamos o ícone a tornar-se branco puro através de brilho e inversão */

/* Isto ignora as cores do sistema e transforma qualquer pixel escuro em luz */

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

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

/* 3. Garantimos que o ícone não herda transparência (fade) */

opacity: 1 !important;

visibility: visible !important;

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

}

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

/* 4. Tratamento para os pseudo-elementos (onde o desenho realmente vive) */

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

.skin-vector-2022 .vector-icon::before,

.skin-vector-2022 .mw-ui-icon::before {

background-color: #ffffff !important;

-webkit-mask-image: inherit !important;

mask-image: inherit !important;

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

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

}

/* 5. Impede que o botão "Quiet" da Wiki esconda o ícone */

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

mix-blend-mode: normal !important;

}