MediaWiki:Vector-2022.css: Difference between revisions

Line 1:

/* 1. ~~Esconde o~~ ícone ~~de lista original da Wiki~~ */

/* 1. Remove a imagem original (máscara) do ícone */

.vector-dropdown-label[aria-label="Toggle the table of contents"]~~::after~~,

.vector-dropdown-label[aria-label="Toggle the table of contents"] .vector-icon,

.vector-dropdown-label[aria-label="Toggle the table of contents"] ~~.vector~~-~~icon {~~

.vector-dropdown-label[aria-label="Toggle the table of contents"]::after {

background-image: none !important;

-webkit-mask-image: none !important;

mask-image: none !important;

display: none !important;

}

/* 2. ~~Injeta~~ o novo ícone Material Symbol */

/* 2. Configura o botão para aceitar o novo ícone */

.vector-dropdown-label[aria-label="Toggle the table of contents"] {

display: inline-flex !important;

align-items: center !important;

text-decoration: none !important;

}

/* 3. Injeta o Material Symbol */

.vector-dropdown-label[aria-label="Toggle the table of contents"]::before {

font-family: 'Material Symbols Outlined' !important;

content: "~~format_list_bulleted~~" !important; /* Podes ~~mudar para~~ "toc" ou "menu_open" */

content: "toc" !important; /* Podes usar "toc", "format_list_bulleted" ou "menu_open" */

font-size: ~~20px~~ !important;

font-size: 24px !important;

color: #000000 !important;

display: inline-block;

display: inline-block !important;

~~vertical-align: middle;~~

~~margin-right: 4px; /* Ajusta se o ícone estiver muito colado */~~

font-variation-settings: 'FILL' 0, 'wght' 400;

}

margin-right: 0 !important; /* Ajusta se houver texto ao lado */

~~/* 3. Ajuste de alinhamento do botão para não ficar torto */~~

~~.vector-dropdown-label[aria-label="Toggle the table of contents"] {~~

~~display: inline-flex !important;~~

~~align~~-~~items~~: ~~center !important;~~

~~padding: 6px~~ !important;

}