|
|
| Line 31: |
Line 31: |
| .product-subtitle { | | .product-subtitle { |
| display: block; | | display: block; |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* 1. Criar espaço para os nossos próprios Chevrons no Índice lateral */
| |
| .vector-toc-list-item {
| |
| position: relative;
| |
| list-style: none !important;
| |
| }
| |
|
| |
| /* 2. Injetar a seta manualmente em itens que têm sub-níveis */
| |
| /* Procuramos itens que antecedem uma nova lista (ul) */
| |
| .vector-toc-list-item:has(> ul) > .vector-toc-link::before {
| |
| content: '▶';
| |
| position: absolute;
| |
| left: -18px;
| |
| font-size: 10px;
| |
| color: #0645ad;
| |
| transition: transform 0.2s ease;
| |
| }
| |
|
| |
| /* 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 {
| |
| 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 */
| |
| } | | } |
