MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

/* --- REPARAÇÃO ~~FINAL~~ DOS ÍCONES (BRANCO ~~+ MÁSCARA)~~ --- */

/* --- REPARAÇÃO DOS ÍCONES: BRANCO SEM QUADRADO --- */

~~/* 1. Alvo nos ícones do cabeçalho e cabeçalho fixo */~~

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

/* ~~Força o branco mas diz que ele é uma máscara, não um fundo comum~~ */

/* 1. Define a cor do "desenho" */

background-color: #ffffff !important;

-webkit-mask-size: ~~20px 20px~~ !important;

mask-size: ~~20px 20px~~ !important;

/* 2. Força o uso da máscara (impede o quadrado branco) */

-webkit-mask-size: contain !important;

mask-size: contain !important;

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

mask-repeat: no-repeat !important;

Line 248:

Line 249:

mask-position: center !important;

/* Garante que o ícone ~~não fique "transparente" no estado normal~~ */

/* 3. Garante que o ícone é visível (anula o fade do sistema) */

opacity: 1 !important;

visibility: visible !important;

}

/* 2. ~~Aplica a mesma lógica aos elementos internos (::before) */~~

/* 4. Remove o mix-blend-mode que o teu Inspect mostrou ser um problema */

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

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

~~.skin-vector-2022 .vector-sticky-header .vector-icon::before,~~

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

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

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

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

}

~~/* 3. Limpa qualquer efeito de mistura~~ que ~~os torne invisíveis~~ */

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

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