MediaWiki:Vector-2022.css: Difference between revisions

← Older edit Newer edit →

@@ Line 2,320: / Line 2,320: @@
+/*
 /* --- REDUZIR ALTURA DA ZONA ROXA (Cabeçalho) --- */
@@ Line 2,343: / Line 2,343: @@
          align-items: center !important;
          display: flex !important;
+    }
+}
+*/
+/* --- AJUSTE DIRETO NA ESTRUTURA VECTOR 2022 --- */
+@media screen and (max-width: 720px) {
+    /* 1. Reduz a altura da zona roxa e remove o padding excessivo */
+    .mw-header {
+        min-height: 44px !important; /* Reduzido de 72px */
+        padding-top: 4px !important;  /* Reduzido de 14px */
+        padding-bottom: 4px !important; /* Reduzido de 14px */
+        height: auto !important;
+    }
+    /* 2. Força o container de pesquisa a não empurrar os outros elementos */
+    #p-search {
+        flex-grow: 0 !important;
+        width: 36px !important;
+        margin: 0 !important;
+    }
+    /* 3. Garante que o Logo tenha prioridade e não desapareça */
+    .mw-header .mw-logo-icon {
+        display: block !important;
+        width: 90px !important;
+        height: auto !important;
+        max-height: 28px !important;
+    }
+    /* 4. Traz o Login de volta para a linha (Remove o colapso) */
+    .vector-user-links-main {
+        display: flex !important;
+        align-items: center !important;
+    }
+    /* Esconde o texto longo para o botão caber na barra */
+    #pt-login span,
+    .vector-user-links span:not(.vector-icon) {
+        display: none !important;
+    }
+    /* 5. Aproxima os ícones da direita */
+    .vector-header-end {
+        gap: 5px !important;
+        justify-content: flex-end !important;
      }
 }