MediaWiki:Vector-2022.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 232: | Line 232: | ||
/* --- | /* --- FIX FINAL: MÁSCARA DE ÍCONE BRANCA --- */ | ||
/* 1. Alvo direto nos spans dos ícones que aparecem no teu Inspect */ | |||
.skin-vector-2022 .mw-header .vector-icon, | .skin-vector-2022 .mw-header .vector-icon, | ||
.skin-vector-2022 .vector-sticky-header .vector-icon, | |||
.skin-vector-2022 .mw-header .mw-ui-icon, | .skin-vector-2022 .mw-header .mw-ui-icon, | ||
.skin-vector-2022 .vector-sticky-header .mw-ui-icon { | .skin-vector-2022 .vector-sticky-header .mw-ui-icon { | ||
/* | /* Define a "tinta" como branco */ | ||
background-color: #ffffff !important; | background-color: #ffffff !important; | ||
/* | /* FORÇA o navegador a usar o ícone original como máscara de recorte */ | ||
-webkit-mask-image: inherit !important; | -webkit-mask-image: inherit !important; | ||
mask-image: inherit !important; | mask-image: inherit !important; | ||
| Line 251: | Line 252: | ||
mask-position: center !important; | mask-position: center !important; | ||
/* | /* Garante que nada o esconda */ | ||
display: inline-block !important; | |||
opacity: 1 !important; | opacity: 1 !important; | ||
visibility: visible !important; | visibility: visible !important; | ||
} | } | ||
/* | /* 2. Reset de filtros que podem estar a escurecer o ícone */ | ||
.cdx-button--weight-quiet .vector-icon, | .cdx-button.cdx-button--weight-quiet .vector-icon, | ||
.cdx-button--weight-quiet .mw-ui-icon { | .cdx-button.cdx-button--weight-quiet .mw-ui-icon { | ||
filter: none !important; | filter: none !important; | ||
mix-blend-mode: normal !important; | mix-blend-mode: normal !important; | ||
} | |||
/* 3. Correção para o ícone de User e Notificações (que às vezes usam background-image) */ | |||
.vector-user-links .vector-icon { | |||
background-image: none !important; | |||
} | } | ||