MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

/* --- FIX ~~TOTAL DOS~~ ÍCONES ATRONIA --- */

/* --- FIX FINAL PARA ÍCONES ATRONIA --- */

/* ~~1. Reset~~ e ~~Força do Branco~~ */

/* Alvo: Navbar principal e Sticky Header */

.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 .vector-sticky-header .mw-ui-icon {

/* ~~Força a cor branca através da máscara~~ */

/* Em vez de background-color, usamos filtros para forçar o branco */

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

filter: brightness(0) invert(1) !important;

opacity: 1 !important;

~~/* Remove filtros que o MediaWiki usa para escurecer ícones */~~

visibility: visible !important;

~~filter~~: ~~none~~ !important;

/* Garante que o ~~span~~ tenha ~~tamanho e comportamento de ícone~~ */

/* Garante que o ícone tenha dimensões */

display: inline-block !important;

width: 20px !important;

height: 20px !important;

~~min-width: 20px !important;~~

/* ~~REGRAS CRÍTICAS DE MÁSCARA~~ */

/* Força o reset da máscara para garantir que não herda 'none' */

-webkit-mask-size: contain !important;

mask-size: contain !important;

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

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

~~-webkit-mask-position: center center !important;~~

~~mask-position: center center !important;~~

}

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

/* Seletor específico para os botões do Codex (os quadrados brancos no seu print) */

.cdx-button--weight-quiet .vector-icon {

.cdx-button--weight-quiet.cdx-button--icon-only .vector-icon {

background-color: #ffffff !important;

/* Removemos o filter aqui se o background-color funcionar */

filter: none !important;

}