MediaWiki:Vector-2022.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 234: | Line 234: | ||
/* --- FIX TOTAL DOS ÍCONES ATRONIA --- */ | /* --- FIX TOTAL DOS ÍCONES ATRONIA --- */ | ||
/* 1. | /* 1. Reset e Força do Branco */ | ||
.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 .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 { | ||
/* Força | /* Força a cor branca através da máscara */ | ||
background-color: #ffffff !important; | background-color: #ffffff !important; | ||
/* Remove | /* Remove filtros que o MediaWiki usa para escurecer ícones */ | ||
filter: none !important; | filter: none !important; | ||
/* | /* Garante que o span tenha tamanho e comportamento de ícone */ | ||
display: inline-block !important; | |||
width: 20px !important; | |||
height: 20px !important; | |||
min-width: 20px !important; | |||
/* REGRAS CRÍTICAS DE MÁSCARA */ | |||
-webkit-mask-size: contain !important; | |||
mask-size: contain !important; | |||
-webkit-mask-repeat: no-repeat !important; | -webkit-mask-repeat: no-repeat !important; | ||
mask-repeat: no-repeat !important; | mask-repeat: no-repeat !important; | ||
-webkit-mask-position: center center !important; | -webkit-mask-position: center center !important; | ||
mask-position: center center !important; | mask-position: center center !important; | ||
} | } | ||
/* 2. Forçar | /* 2. Forçar o caminho da imagem (o mask-image herda do sistema) */ | ||
/* Se o quadrado continuar sólido, adicionamos esta linha para garantir que ele não 'perca' a imagem */ | |||
.vector-icon, .mw-ui-icon { | |||
-webkit-mask-image: inherit; | |||
mask-image: inherit; | |||
} | |||
/* 3. Ajuste específico para botões de utilizador e sticky bar */ | |||
.cdx-button--weight-quiet .vector-icon { | .cdx-button--weight-quiet .vector-icon { | ||
background-color: #ffffff !important; | background-color: #ffffff !important; | ||
} | } | ||