|
|
| Line 232: |
Line 232: |
|
| |
|
|
| |
|
| /* --- FIX DOS ÍCONES (STICKY E HEADER) --- */
| |
|
| |
|
| /* 1. Atacamos as variáveis de cor que o MediaWiki usa para os ícones */
| |
| .skin-vector-2022 .mw-header,
| |
| .skin-vector-2022 .vector-sticky-header {
| |
| --cdx-color-icon-base: #ffffff !important;
| |
| --cdx-color-base: #ffffff !important;
| |
| }
| |
|
| |
| /* 2. Forçamos o desenho a aparecer (o "buraco" da máscara) */
| |
| .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 {
| |
| background-color: #ffffff !important; /* Cor do ícone */
| |
|
| |
| /* Remove filtros que podem esconder o ícone no fundo escuro */
| |
| filter: none !important;
| |
|
| |
| /* Garante que a máscara ocupa o espaço todo do ícone */
| |
| -webkit-mask-size: contain !important;
| |
| mask-size: contain !important;
| |
| -webkit-mask-repeat: no-repeat !important;
| |
| mask-repeat: no-repeat !important;
| |
|
| |
| /* IMPORTANTE: Garante que o span tem dimensões */
| |
| display: inline-block !important;
| |
| width: 20px !important;
| |
| height: 20px !important;
| |
| }
| |
|
| |
| /* 3. Corrigir o fundo dos botões que aparecem brancos (quadrados) */
| |
| .cdx-button--weight-quiet.cdx-button--icon-only {
| |
| background-color: transparent !important;
| |
| border: none !important;
| |
| }
| |
|
| |
| /* 4. Fix para a seta do "WikiManagement" (Dropdown) */
| |
| .vector-dropdown-label::after {
| |
| background-color: #ffffff !important;
| |
| }
| |
|
| |
|
|
| |
|
| Line 711: |
Line 671: |
|
| |
|
|
| |
|
| /* --- ATRONIA: Ícones brancos FORÇADOS (Codex + OOUI) --- */ | | /* --- PLANO DE EMERGÊNCIA: ÍCONES EXTERNOS --- */ |
|
| |
|
| /* 1. Atacar ícones do Codex (Header e Sticky Header) */ | | /* 1. Limpar os ícones "fantasma" do sistema */ |
| .skin-vector-2022 .vector-icon, | | .mw-header .vector-icon, |
| .skin-vector-2022 .mw-ui-icon, | | .vector-sticky-header .vector-icon { |
| .cdx-button .vector-icon {
| | background-image: none !important; |
| filter: brightness(0) invert(1) !important; | | -webkit-mask-image: none !important; |
| -webkit-filter: brightness(0) invert(1) !important; | | mask-image: none !important; |
| background-color: transparent !important; | | background-color: transparent !important; |
| opacity: 1 !important;
| |
| visibility: visible !important;
| |
| } | | } |
|
| |
|
| /* 2. O teu código para botões OOUI (Editor Visual/Antigos) */ | | /* 2. Injetar ícones brancos via pseudo-elemento */ |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled | | .mw-header .vector-icon::before, |
| .oo-ui-buttonElement-button | | .vector-sticky-header .vector-icon::before { |
| .oo-ui-iconElement-icon { | | content: ""; |
| filter: brightness(0) invert(1) !important; | | display: block; |
| opacity: 1 !important; | | width: 20px; |
| | height: 20px; |
| | background-color: #ffffff; |
| | /* Usamos uma estrela como teste universal */ |
| | -webkit-mask-image: url('https://upload.wikimedia.org/wikipedia/commons/5/51/Star_full.svg') !important; |
| | mask-image: url('https://upload.wikimedia.org/wikipedia/commons/5/51/Star_full.svg') !important; |
| | -webkit-mask-size: contain; |
| | mask-size: contain; |
| | mask-repeat: no-repeat; |
| | -webkit-mask-repeat: no-repeat; |
| } | | } |
|
| |
|
| /* 3. Remover quadrados brancos/cinzas de fundo nos botões da header */ | | /* 3. Manter os botões transparentes */ |
| .cdx-button--weight-quiet.cdx-button--icon-only, | | .cdx-button--weight-quiet { |
| .cdx-button--weight-quiet.cdx-button--icon-only:hover {
| |
| background-color: transparent !important; | | background-color: transparent !important; |
| border: none !important; | | border: none !important; |
| }
| |
|
| |
| /* 4. Fix para a seta do "WikiManagement" */
| |
| .vector-dropdown-label::after {
| |
| filter: brightness(0) invert(1) !important;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
| /* Indicadores (setas dropdown etc.) */
| |
| .oo-ui-buttonElement-framed.oo-ui-widget-enabled
| |
| .oo-ui-indicatorElement-indicator {
| |
| filter: brightness(0) invert(1) !important;
| |
| opacity: 1 !important;
| |
| } | | } |
|
| |
|
