Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
Tag: Manual revert
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,
/* Remove qualquer preenchimento extra de tags pre ou code que a wiki insira */
.product-item {
.variations-toggle pre,  
     overflow: visible !important; /* Impede o aparecimento da barra de scroll */
.variations-toggle code {
     background: transparent !important;
     display: contents !important;
     background: none !important;
     border: none !important;
     border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Garante que o botão de toggle não tenha largura total */
.mw-customtoggle {
    width: fit-content !important;
    max-width: 100%;
}
}


/* 2. Configuração da Seta */
/* A tua animação da seta (mantém como estava) */
.arrow-icon {
.arrow-icon {
    display: inline-block !important; /* Obrigatório para a rotação funcionar */
     transition: transform 0.3s ease;
     transition: transform 0.3s ease-in-out;
     display: inline-block !important;
     vertical-align: middle;
}
}


/* 3. Rotação quando expandido */
/* O MediaWiki adiciona a classe .mw-collapsible-toggle-expanded ao toggle ativo */
.variations-toggle.mw-collapsible-toggle-expanded .arrow-icon {
.variations-toggle.mw-collapsible-toggle-expanded .arrow-icon {
     transform: rotate(180deg);
     transform: rotate(180deg) !important;
}
}


.variations-list > pre,
.variations-list > pre,