MediaWiki:Vector-2022.css: Difference between revisions

← Older edit Newer edit →

@@ Line 2,317: / Line 2,317: @@
-/* --- FIX FINAL: ALINHAMENTO E VISIBILIDADE DOS ÍCONES --- */
+/* --- RECONSTRUÇÃO DO TOPO MOBILE --- */
 @media screen and (max-width: 720px) {
-     /* 1. Força o cabeçalho a não cortar os elementos */
+     /* 1. Força o cabeçalho a mostrar tudo o que sai das bordas */
-     .mw-header {
+     .mw-header, .vector-header-container {
          overflow: visible !important;
-         display: flex !important;
+         height: 54px !important;
-         flex-wrap: nowrap !important;
+    }
-         justify-content: space-between !important;
+    /* 2. Reduz o logo ao máximo para ganhar espaço horizontal */
+    .mw-header .mw-logo-icon {
+         width: 70px !important;
+        max-height: 18px !important;
+         margin-right: 0 !important;
      }
-     /* 2. Remove o espaço invisível do container de pesquisa */
+     /* 3. O "Pulo do Gato": faz a pesquisa ocupar zero de espaço lateral */
-     #p-search, .vector-search-box {
+     #p-search {
+        position: relative !important;
          flex: 0 0 auto !important;
          margin: 0 !important;
-         width: auto !important;
+         width: 35px !important; /* Apenas o tamanho do ícone da lupa */
      }
-     /* 3. Agrupa e aproxima os ícones da direita */
+     /* 4. Alinha todos os ícones da direita num bloco colado */
      .vector-header-end {
+        display: flex !important;
+        flex-direction: row !important;
+        justify-content: flex-end !important;
+        align-items: center !important;
+        gap: 0px !important; /* Cola os ícones uns aos outros */
+        flex: 1 !important;
+    }
+    /* 5. Força a cor branca em TODOS os ícones (lupa, chave, user) */
+    .mw-header .vector-icon {
+        background-color: #ffffff !important;
+        filter: none !important;
+    }
+    /* 6. Corrige o botão de Login/User que está "caído" ou cortado */
+    .vector-user-links {
+        margin: 0 !important;
+        padding: 0 !important;
          display: flex !important;
          align-items: center !important;
-        gap: 2px !important; /* Aproxima ao máximo a lupa, chave e user */
-        flex: 0 1 auto !important;
-        margin-left: auto !important;
      }
+    /* Esconde o texto "Log in" e "WikiManagement" para caber tudo */
+    .vector-user-links span:not(.vector-icon),
+    .cdx-button__label {
+        display: none !important;
+    }
+}