Template:Version nav: Difference between revisions

Revision as of 14:55, 30 November 2025

Automatic version navigation bar.

Usage:

{{Version nav}}

@@ Line 2: / Line 2: @@
 <div style="margin-top:1.5em; border-top:1px solid #ccc; padding-top:0.5em; font-size:90%;">
-   <div style="display:flex; justify-content:space-between;">
+   <div style="display:grid; grid-template-columns: 1fr auto 1fr; column-gap:0.5em; align-items:stretch;">
      <!-- Previous version -->
-     <div>
+     <div style="text-align:left;">
        {{#dpl:
         | category    = Updates
@@ Line 13: / Line 13: @@
         | count       = 1
         | titlelt     = {{PAGENAME}}
-        | format      = , [[%PAGE%|← Previous: %TITLE%]], ,
+        | format      = ,
+          <span style="display:inline-block; padding:0.35em 0.9em; border:1px solid #555; border-radius:3px;">
+            [[%PAGE%|← Previous: %TITLE%]]
+          </span>
+        , ,
        }}
+    </div>
+    <!-- All versions (center) -->
+    <div style="text-align:center;">
+      <span style="display:inline-block; padding:0.35em 0.9em; border:1px solid #555; border-radius:3px;">
+        [[Version History|All versions]]
+      </span>
      </div>
@@ Line 26: / Line 37: @@
         | count       = 1
         | titlegt     = {{PAGENAME}}
-        | format      = , [[%PAGE%|Next: %TITLE% →]], ,
+        | format      = ,
+          <span style="display:inline-block; padding:0.35em 0.9em; border:1px solid #555; border-radius:3px;">
+            [[%PAGE%|Next: %TITLE% →]]
+          </span>
+        , ,
        }}
      </div>
    </div>
-  <div style="margin-top:0.6em; text-align:center; opacity:0.8;">
-    <small>See all versions: [[:Category:Version History|Version History]]</small>
-  </div>
 </div>
 </includeonly><noinclude>
 Automatic version navigation bar.
-Shows previous/next version (by page title) and a full inline list
+Usage:
-of all pages in [[:Category:Updates]].
+<pre>{{Version nav}}</pre>
-Usage (at the bottom of a version page):
-<pre>
-{{Version nav}}
-</pre>
 </noinclude>