MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 5: / Line 5: @@
-/* Classes para controlar o colapso dos sub-headings via JS */
+/* ==========================================================================
-.wiki-heading-collapsed {
+   ÍNDICE LATERAL (TOC) INTELIGENTE E COLAPSÁVEL
+   ========================================================================== */
+/* 1. Esconde os sub-itens de segundo e terceiro nível por padrão (ex: 10.1, 10.2) */
+.vector-toc-contents .vector-toc-list-item .vector-toc-list {
      display: none !important;
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity 0.25s ease-in-out;
+}
+/* 2. Mostra as sub-secções APENAS quando a secção pai estiver ativa (onde o utilizador está a ler) */
+.vector-toc-list-item-active > .vector-toc-list {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+/* 3. Se um sub-item estiver ativo, garante que a lista pai continua aberta */
+.vector-toc-list-item:focus-within > .vector-toc-list {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
 }
-.wiki-toggle-indicator {
+/* 4. BONUS: Permite expandir temporariamente se o utilizador passar com o rato (Hover) */
-     display: inline-block;
+.vector-toc-list-item:hover > .vector-toc-list {
-     margin-right: 8px;
+     display: block !important;
-     cursor: pointer;
+     visibility: visible !important;
-    transition: transform 0.2s ease;
+     opacity: 1 !important;
 }
-.wiki-toggle-indicator.collapsed {
+/* 5. Ajuste visual leve para alinhar e destacar a hierarquia dos sub-itens */
-     transform: rotate(-90deg);
+.vector-toc-list .vector-toc-list {
+     padding-left: 12px !important;
+    border-left: 1px dashed #cccccc;
+    margin-top: 4px;
+    margin-bottom: 4px;
 }