MediaWiki:Vector-2022.css: Difference between revisions

Line 232:

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

/* --- ATRONIA ULTIMATE ICON FIX --- */

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

/* 1. Alvo triplo para garantir que o fundo branco desaparece de vez */

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

html.client-js body.skin-vector-2022 .mw-header .vector-icon,

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

html.client-js body.skin-vector-2022 .mw-header .mw-ui-icon,

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

html.client-js body.skin-vector-2022 .vector-sticky-header .vector-icon,

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

html.client-js body.skin-vector-2022 .vector-sticky-header .mw-ui-icon {

background-color: transparent !important;

background-image: none !important;

opacity: 1 !important;

visibility: visible !important;

}

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

/* 2. Forçar o desenho do ícone a aparecer em branco usando o filtro de inversão */

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

html.client-js body.skin-vector-2022 .mw-header .vector-icon::before,

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

html.client-js body.skin-vector-2022 .mw-header .mw-ui-icon::before,

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

html.client-js body.skin-vector-2022 .vector-sticky-header .vector-icon::before,

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

html.client-js body.skin-vector-2022 .vector-sticky-header .mw-ui-icon::before {

background-color: #ffffff !important;

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

opacity: 1 !important;

~~-webkit-mask-size: contain;~~

~~mask-size: contain;~~

}

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

/* 3. Forçar visibilidade dos botões "Quiet" (Estrela, Histórico, etc) */

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

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

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

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

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

}

opacity: 1 !important;

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

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

~~background-color~~: ~~transparent~~ !important;

}