MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

/* --- REPARAÇÃO ~~DEFINITIVA DOS ÍCONES~~ (~~ATRONIA~~) --- */

/* --- REPARAÇÃO VIA FILTRO (SEM QUADRADOS) --- */

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

.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. A cor branca do desenho */~~

background-color: transparent !important;

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

background-image: none !important;

}

/* 2. ~~Ativa a máscara~~ (~~essencial para não ser um quadrado~~) */

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

/* 2. Forçamos o ícone (que é preto) a ficar BRANCO usando inversão */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

~~/* 3. Garante visibilidade */~~

opacity: 1 !important;

visibility: visible !important;

}

/* 4. ~~Fix para~~ botões ~~que o sistema tenta "apagar"~~ */

/* 3. Garante que os botões não sumam */

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

.cdx-button.cdx-button--weight-quiet {

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

opacity: 1 !important;

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

~~filter~~: ~~none~~ !important;

}