User:Eviand/TemplateTesting: Difference between revisions

← Older edit Newer edit →

VisualWikitext

Revision as of 22:22, 26 February 2026

Universal Popups v2 — Testbed

Small (Hover) — Notes

Large (Click) — Users

Users(6)

Small (Hover) — Definition (no link)

Ground Cast (no link)

Large (Click) — Definition (with link)

Casting (with link)

@@ Line 1: / Line 1: @@
-== Universal Popups v2 — Testbed (Refined) ==
+== Universal Popups v2 — Testbed ==
 <div class="sv-card" style="padding:16px; margin:16px 0;">
 <div style="display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start;">
+<!-- NOTES / INFO (small hover) -->
 <div>
-<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Info (span trigger)</div>
+<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Notes</div>
 <div class="sv-tip">
 <span class="sv-tip-btn sv-focus-ring" role="button" tabindex="0" data-sv-toggle="1" aria-label="Info" aria-controls="sv-test-notes" aria-expanded="false"><span class="sv-ico sv-ico--info" aria-hidden="true">i</span></span>
@@ Line 11: / Line 12: @@
 <div class="sv-tip-pop-head">
 <div class="sv-tip-pop-title">Info</div>
+<div class="sv-tip-pop-hint">Click to close</div>
 </div>
 <div class="sv-tip-pop-body">
-Hand-crafted reference page for the Skill pipeline (wikiupdate will emulate this structure).
+* Hand-crafted reference page for the Skill pipeline (wikiupdate will emulate this structure).
 </div>
 </div>
 </div>
-<div style="margin-top:10px; font-size:13px; opacity:0.85;">Keyboard: focus the “i” and press Enter/Space.</div>
-</div>
-<div>
-<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Info (details/summary trigger)</div>
-<details class="sv-tip">
-<summary class="sv-tip-btn sv-focus-ring" role="button" tabindex="0" data-sv-toggle="1" aria-label="Info Summary" aria-expanded="false"><span class="sv-ico sv-ico--info" aria-hidden="true">i</span></summary>
-<div class="sv-tip-pop sv-hidden" role="dialog" aria-label="Info Summary">
-<div class="sv-tip-pop-head">
-<div class="sv-tip-pop-title">Info Summary</div>
-</div>
-<div class="sv-tip-pop-body">
-This tests that &lt;summary&gt; does NOT toggle native details open/closed.
-</div>
-</div>
-</details>
 </div>
+<!-- USERS / REQUIREMENTS (large click) -->
 <div>
 <div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Users</div>
@@ Line 42: / Line 29: @@
 <div class="sv-disclose-pop-head">
 <div class="sv-disclose-pop-title">Users</div>
+<div class="sv-disclose-pop-hint">Click to close</div>
 </div>
 <ul class="sv-disclose-list">
@@ Line 55: / Line 43: @@
 </div>
 </div>
-<div style="margin-top:10px; font-size:13px; opacity:0.85;">Close: click header, click outside, or press Escape.</div>
 </div>
+<!-- DEFINITIONS (small hover, no link) -->
 <div>
 <div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Definition (no link)</div>
-<span class="sv-def" tabindex="0" data-sv-def-tip="This is a hover-only definition tooltip.\nIt uses the Popup B shell and wraps early.">Ground Cast (no link)</span>
+<span class="sv-def" data-sv-def-tip="This is a hover-only definition tooltip.\nIt uses the Popup B shell.">Ground Cast (no link)</span>
-<div style="margin-top:10px; font-size:13px; opacity:0.85;">Mobile: should tap-open and tap-outside-close.</div>
 </div>
+<!-- DEFINITIONS (large click, with link) -->
 <div>
 <div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Definition (with link)</div>
-<span class="sv-def" tabindex="0" data-sv-def-tip="This definition is click-open so the user can interact inside the popup." data-sv-def-link="Casting">Casting (with link)</span>
+<span class="sv-def" data-sv-def-tip="This definition is click-open so the user can interact inside the popup." data-sv-def-link="Casting">Casting (with link)</span>
-<div style="margin-top:10px; font-size:13px; opacity:0.85;">Popups extension link-preview sanity check: [[Casting]]</div>
 </div>
 </div>
 </div>