MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

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

/* --- FIX DEFINITIVO ATRONIA: ÍCONES NAVBAR --- */

/* 1. Alvo ultra-específico para ganhar do sistema CodEx */

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

background-color: #ffffff !important; /* Cor do ícone */

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

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

mask-repeat: no-repeat !important;

-webkit-mask-position: center !important;

mask-position: center !important;

-webkit-mask-size: contain !important;

mask-size: contain !important;

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

/* Esta linha é o segredo: ela mantém o desenho original da Wiki mas permite mudar a cor */

-webkit-mask-image: inherit !important;

mask-image: inherit !important;

/* Remove sombras ou fundos que criam o quadrado */

background-image: none !important;

box-shadow: none !important;

}

/* 2. Forçar a seta do dropdown (Appearance/User) a ser branca também */

.skin-vector-2022 .mw-header .vector-dropdown-label::after,

.skin-vector-2022 .vector-sticky-header .vector-dropdown-label::after {

background-color: #ffffff !important;

-webkit-mask-size: contain !important;

mask-size: contain !important;

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

~~mask-repeat: no-repeat !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~~ */

/* 3. Ajuste de Hover: Quando passas o rato, o ícone continua branco */

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

.cdx-button:hover .vector-icon,

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

.cdx-button:hover .mw-ui-icon {

~~filter: none !important;~~

background-color: #ffffff !important;

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

}