Template:Village pump page header: Difference between revisions

Revision as of 11:14, 28 September 2026

Template documentation[create]

Editors can experiment in this template's sandbox and testcases pages.
Please add categories to the /doc subpage. Subpages of this template.

@@ Line 1: / Line 1: @@
 <includeonly><div style="background: #ffffff; border: 1px solid #dcdfe6; border-radius: 12px; padding: 14px; margin-bottom: 1.2em; box-shadow: 0 2px 8px rgba(0,0,0,0.04);">
-<!-- APP-STYLE SCROLLABLE TAB BAR -->
+<!-- TABLE BASED HORIZONTAL SCROLLBAR (Fixes vertical stacking) -->
 <div style="overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 12px; padding-bottom: 4px; border-bottom: 1px solid #e4e7ed;">
    <table style="border-collapse: collapse; background: transparent; border: none; margin: 0; padding: 0;">
@@ Line 15: / Line 15: @@
 </div>
-<!-- HEADING TITLE -->
+<!-- HEADER TITLE & SHORTCUTS IN ONE CLEAN ROW -->
-<div style="font-size: 22px; font-weight: 700; color: #1e293b; margin-bottom: 6px;">
+<table style="width: 100%; border-collapse: collapse; border: none; margin: 0; padding: 0;">
-  {{{1|Village pump}}}
+  <tr>
-</div>
+    <td style="vertical-align: middle; padding: 0;">
+      <div style="font-size: 20px; font-weight: 700; color: #1e293b; line-height: 1.2;">{{{1|Village pump}}}</div>
-<!-- SHORTCUTS BADGE (Title ke thik neeche clean dabbe me) -->
+    </td>
-{{#if:{{{3|}}}|
+    {{#if:{{{3|}}}|
-<div style="margin-bottom: 10px;">
+    <td style="vertical-align: middle; text-align: right; padding: 0;">
-  <span style="display: inline-block; background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 6px; padding: 4px 10px; font-size: 11px; font-weight: 600; color: #475569;">
+      <span style="background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 6px; padding: 4px 8px; font-size: 11px; font-weight: 600; color: #475569;">
-    ⚡ Shortcuts: [[{{{3}}}]] {{#if:{{{4|}}}| • [[{{{4}}}]]}} {{#if:{{{5|}}}| • [[{{{5}}}]]}}
+        Shortcuts: [[{{{3}}}]] {{#if:{{{4|}}}|• [[{{{4}}}]]}}
-  </span>
+      </span>
-</div>
+    </td>
-}}
+    }}
+  </tr>
+</table>
-<!-- DESCRIPTION CONTENT -->
+<!-- DESCRIPTION -->
 {{#if:{{{2|}}}|
-<div style="font-size: 13px; line-height: 1.5; color: #475569; margin-bottom: 12px;">
+<div style="font-size: 13px; line-height: 1.5; color: #475569; margin-top: 10px;">
    {{{2}}}
 </div>
@@ Line 37: / Line 39: @@
 <!-- PRIMARY ACTION BUTTON -->
-<div>
+<div style="margin-top: 12px;">
    <span style="display: inline-block; background: #2563eb; border-radius: 6px; padding: 8px 16px; font-weight: 600; font-size: 13px; box-shadow: 0 2px 4px rgba(37,99,235,0.2);">[{{fullurl:{{FULLPAGENAME}}|action=edit&section=new}} <span style="color: #ffffff; text-decoration: none;">➕ Start a new proposal</span>]</span>
 </div>