MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

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

/* --- FIX DOS ÍCONES (NAVBAR & STICKY) --- */

.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~~ */

/* Em vez de 'inherit', usamos 'currentColor' para o background

e garantimos que a máscara original do MediaWiki não seja apagada */

background-color: #ffffff !important;

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

/* Garante que o ícone (máscara) seja aplicado */

~~-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-size: 20px 20px !important; /* Tamanho padrão do Vector */

mask-size: 20px 20px !important;

-webkit-mask-position: center !important;

mask-position: center !important;

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

~~opacity: 1 !important;~~

~~visibility: visible !important;~~

}

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

/* IMPORTANTE: Não sobrescrever o mask-image globalmente com 'inherit'

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

Deixe o MediaWiki definir o caminho da imagem (SVG) */

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

~~filter: none !important;~~

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

}