Predefinição:Navegação de caixa de informação: mudanças entre as edições

Edição atual tal como às 06h46min de 13 de setembro de 2026

{{#invoke:Message box|ombox}}{{#invoke:documentação|main|_content={{ {{#invoke:documentação|contentTitle}}}}|content=}}

@@ Linha 1: / Linha 1: @@
 <templatestyles src="Navegação de caixa de informação/styles.css" />
-{| cellspacing="1" cellpadding="0" style="background: transparent; width:100%;"
+{| cellspacing="1" cellpadding="0" style="background: transparent; width:100%; table-layout: fixed;"
 |-
-| class="fundo" style="vertical-align: middle; width:50%; padding:0.3em 0 0 0.3em; background-color:{{#if:{{{anterior|}}}|{{{fundo|transparent}}}|transparent}}; color:inherit;" |
+| class="fundo" style="vertical-align: middle; width: 50%; padding: 0.3em; background-color: {{#if:{{{anterior|}}}|{{{fundo|transparent}}}|transparent}}; color: inherit;" |
-<div style="display:flex; align-items:center; {{#if:{{{anterior|}}}||display:none}}">[[Imagem:Arrow left solid white.svg|13px|left|ligação=|alt=]]
+<div style="display: flex; align-items: center; gap: 0.5em; text-align: left; {{#if:{{{anterior|}}}||display: none}}">
-   <div class="cores" style="text-align:left;">{{{anterior|}}}</div>
+  <div style="flex-shrink: 0; display: flex; align-items: center;">[[Imagem:Arrow left solid white.svg|12px|ligação=|alt=]]</div>
+   <div class="cores" style="flex-grow: 1; min-width: 0;">{{{anterior|}}}</div>
 </div>
 |
-| class="fundo" style="vertical-align: middle; width:50%; padding:0.3em 0.3em 0 0; background-color:{{#if:{{{próximo|}}}|{{{fundo|transparent}}}|transparent}}; color:inherit;" |
+| class="fundo" style="vertical-align: middle; width: 50%; padding: 0.3em; background-color: {{#if:{{{próximo|}}}|{{{fundo|transparent}}}|transparent}}; color: inherit;" |
-<div style="display:flex; align-items:center; justify-content:flex-end; {{#if:{{{próximo|}}}||display:none}}">
+<div style="display: flex; align-items: center; justify-content: flex-end; gap: 0.5em; text-align: right; {{#if:{{{próximo|}}}||display: none}}">
-   <div class="cores" style="text-align:right;">{{{próximo|}}}</div>[[Imagem:Arrow right solid white.svg|13px|right|ligação=|alt=]]
+   <div class="cores" style="flex-grow: 1; min-width: 0;">{{{próximo|}}}</div>
+  <div style="flex-shrink: 0; display: flex; align-items: center;">[[Imagem:Arrow right solid white.svg|12px|ligação=|alt=]]</div>
 </div>
 |}<noinclude>{{documentação}}</noinclude>