MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

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

/* --- FIX DEFINITIVO DOS ÍCONES INVISÍVEIS --- */

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

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

/* Forçamos a cor branca para o desenho do ícone */

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

background-color: #ffffff !important;

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

/* Impedimos que qualquer filtro apague o ícone */

filter: none !important;

opacity: 1 !important;

visibility: visible !important;

/* Forçamos as propriedades da máscara para garantir que o SVG apareça */

-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;

}

/* O segredo: display block ou inline-block para garantir dimensões */

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

display: inline-block !important;

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

~~/* Garante que no hover o ícone não desapareça */~~

~~.skin-vector-2022 .mw-header .cdx-button~~:~~hover .vector~~-~~icon,~~

~~.skin-vector-2022 .vector-sticky-header .cdx-button:hover .vector-icon {~~

~~background-color: #1B2826~~ !important; ~~/* Cor escura para contrastar com o verde neon do seu hover */~~

}