Template:Village pump page header: Difference between revisions

Revision as of 11:07, 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);">
-<!-- TABLE BASED HORIZONTAL SCROLLBAR (Fixes vertical stacking) -->
+<!-- APP-STYLE SCROLLABLE TAB BAR -->
 <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>
-<!-- HEADER TITLE & SHORTCUTS IN ONE CLEAN ROW -->
+<!-- HEADING TITLE -->
-<table style="width: 100%; border-collapse: collapse; border: none; margin: 0; padding: 0;">
+<div style="font-size: 22px; font-weight: 700; color: #1e293b; margin-bottom: 6px;">
-  <tr>
+  {{{1|Village pump}}}
-    <td style="vertical-align: middle; padding: 0;">
+</div>
-      <div style="font-size: 20px; font-weight: 700; color: #1e293b; line-height: 1.2;">{{{1|Village pump}}}</div>
-    </td>
+<!-- SHORTCUTS BADGE (Title ke thik neeche clean dabbe me) -->
-    {{#if:{{{3|}}}|
+{{#if:{{{3|}}}|
-    <td style="vertical-align: middle; text-align: right; padding: 0;">
+<div style="margin-bottom: 10px;">
-      <span style="background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 6px; padding: 4px 8px; font-size: 11px; font-weight: 600; color: #475569;">
+  <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;">
-        Shortcuts: [[{{{3}}}]] {{#if:{{{4|}}}|• [[{{{4}}}]]}}
+    ⚡ Shortcuts: [[{{{3}}}]] {{#if:{{{4|}}}| • [[{{{4}}}]]}} {{#if:{{{5|}}}| • [[{{{5}}}]]}}
-      </span>
+  </span>
-    </td>
+</div>
-    }}
+}}
-  </tr>
-</table>
-<!-- DESCRIPTION -->
+<!-- DESCRIPTION CONTENT -->
 {{#if:{{{2|}}}|
-<div style="font-size: 13px; line-height: 1.5; color: #475569; margin-top: 10px;">
+<div style="font-size: 13px; line-height: 1.5; color: #475569; margin-bottom: 12px;">
    {{{2}}}
 </div>
@@ Line 39: / Line 37: @@
 <!-- PRIMARY ACTION BUTTON -->
-<div style="margin-top: 12px;">
+<div>
    <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>