MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

/* --- ATRONIA ICON REPAIR --- */

/* --- ATRONIA ICON REPAIR: FORÇAR ESTADO NORMAL --- */

/* 1. ~~Remove~~ o fundo branco ~~sólido de todos os ícones~~ */

/* 1. Garante que o span do ícone nunca tenha fundo branco */

.skin-vector-2022 .mw-header .vector-icon,

.skin-vector-2022 .mw-header .mw-ui-icon,

Line 240:

.skin-vector-2022 .vector-sticky-header .mw-ui-icon {

background-color: transparent !important;

opacity: 1 !important;

visibility: visible !important;

}

/* 2. ~~Aplica a cor BRANCA apenas ao~~ desenho ~~(máscara)~~ do ícone */

/* 2. Força o "desenho" do ícone a ser branco ANTES do hover */

.skin-vector-2022 .mw-header .vector-icon::before,

.skin-vector-2022 .mw-header .mw-ui-icon::before,

Line 248:

Line 250:

.skin-vector-2022 .vector-sticky-header .mw-ui-icon::before {

background-color: #ffffff !important;

opacity: 1 !important;

-webkit-mask-size: contain;

mask-size: contain;

}

/* 3. ~~Garante~~ que ~~os botões (como a estrela e lupa) são transparentes~~ */

/* 3. Remove filtros de cinzento que o sistema aplica por padrão */

.mw-~~header~~ .cdx-button,

.cdx-button.cdx-button--weight-quiet:not(:disabled):not(.cdx-button--is-active) .vector-icon,

.vector-sticky-header .cdx-button {

.cdx-button.cdx-button--weight-quiet:not(:disabled):not(.cdx-button--is-active) .mw-ui-icon {

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

}

/* 4. Fix para os botões do Sticky Header */

.vector-sticky-header-icons .cdx-button {

background-color: transparent !important;

}