MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined'); | @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined'); | ||
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1'); | @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1'); | ||
/* | /* 1. Remove o scroll e limpa fundos indesejados */ | ||
.mw-collapsible, | |||
.mw-collapsible-content, | |||
.product-item { | |||
overflow: visible !important; /* Impede o aparecimento da barra de scroll */ | |||
background: transparent !important; | |||
border: none !important; | |||
} | |||
/* 2. Configuração da Seta */ | |||
.arrow-icon { | .arrow-icon { | ||
transition: transform 0.3s ease; | display: inline-block !important; /* Obrigatório para a rotação funcionar */ | ||
transition: transform 0.3s ease-in-out; | |||
vertical-align: middle; | |||
} | } | ||
/* | /* 3. Rotação quando expandido */ | ||
/* O MediaWiki adiciona a classe .mw-collapsible-toggle-expanded ao toggle ativo */ | |||
.mw- | .variations-toggle.mw-collapsible-toggle-expanded .arrow-icon { | ||
transform: rotate(180deg); | transform: rotate(180deg); | ||
} | } | ||
.variations-list > pre, | .variations-list > pre, | ||