MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 37: / Line 37: @@
-/* Destacar os Chevrons nativos do Vector 2022 */
+/* 1. Criar espaço para os nossos próprios Chevrons no Índice lateral */
-.vector-toc-contents .vector-toc-list-item-expand-button {
+.vector-toc-list-item {
-     opacity: 1 !important; /* Torna a seta sempre visível */
+     position: relative;
-     color: #0645ad !important; /* Cor azul clássica da Wiki */
+     list-style: none !important;
-    transform: scale(1.2); /* Aumenta um pouco o tamanho */
 }
-/* Efeito ao passar o rato na linha do índice */
+/* 2. Injetar a seta manualmente em itens que têm sub-níveis */
-.vector-toc-list-item:hover > .vector-toc-link .vector-toc-text {
+/* Procuramos itens que antecedem uma nova lista (ul) */
-     color: #d33; /* Texto fica vermelho suave ao passar o rato */
+.vector-toc-list-item:has(> ul) > .vector-toc-link::before {
-     text-decoration: underline;
+    content: '▶';
+    position: absolute;
+    left: -18px;
+    font-size: 10px;
+     color: #0645ad;
+     transition: transform 0.2s ease;
 }
-/* Ajuste de espaçamento para não colidir com os números */
+/* 3. Rodar a seta quando a secção estiver expandida */
+/* O Vector 2022 usa a classe .vector-toc-list-item-expanded */
+.vector-toc-list-item-expanded > .vector-toc-link::before {
+    transform: rotate(90deg);
+}
+/* 4. Esconder o botão nativo cinzento que não funciona bem */
 .vector-toc-list-item-expand-button {
-     margin-left: -20px !important;
+    display: none !important;
+}
+/* 5. Ajuste de margem para os sub-itens ficarem alinhados */
+.vector-toc-list .vector-toc-list {
+     margin-left: 15px !important;
+    border-left: 1px solid #eaecf0; /* Linha guia vertical opcional */
 }