MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 4: / Line 4: @@
-/* Esconde as subpáginas do Atlas por defeito */
+/* Esconde as subpáginas */
 .atlas-submenu {
      display: none !important;
-     padding-left: 22px !important; /* Alinha o texto das subpáginas com o título principal */
+     padding-left: 15px !important;
      font-size: 0.95em !important;
      opacity: 0.85;
 }
-/* Mostra as subpáginas quando o menu estiver aberto */
 .atlas-submenu.is-open {
      display: block !important;
 }
-/* Ajusta o tamanho e o alinhamento vertical do chevron */
+/* O Segredo: Desenha a seta idêntica à do índice da Datasheet */
 .atlas-toggle-btn {
+    cursor: pointer;
      display: inline-block;
-     line-height: 1;
+     width: 12px;
-     vertical-align: middle;
+    height: 12px;
-     margin-top: -2px; /* Pequeno ajuste para centrar com o texto */
+    margin-left: 8px;
+    /* Usa o SVG oficial do MediaWiki para garantir o mesmo design */
+    background-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M3.22 2.22a.75.75 0 011.06 0l3.5 3.5a.75.75 0 010 1.06l-3.5 3.5a.75.75 0 11-1.06-1.06L6.19 6 3.22 3.03a.75.75 0 010-1.06z" fill="%2354595d"/></svg>);
+     background-repeat: no-repeat;
+     background-position: center;
+    background-size: contain;
+    transition: transform 0.2s ease-in-out;
+}
+/* Quando clicado (Aberto), roda para baixo igual à imagem image_5452b6.png */
+.atlas-toggle-btn.is-active {
+    transform: rotate(90deg);
 }