User:Eviand/TemplateTesting - Revision history

Eviand at 05:24, 27 February 2026

2026-02-27T05:24:00Z

← Older revision		Revision as of 05:24, 27 February 2026
Line 1:		Line 1:
			== Universal Popups v3 — Full Testbed (Sectioned) ==

	=== 1) Notes (Small Hover) — Bullet List ===		=== 1) Notes (Small Hover) — Bullet List ===
	<div class="sv-tip">		<div class="sv-tip">
Line 97:		Line 99:
	</div>		</div>

	=== 9) Definition (Large Click) — With Link ~~+ Action~~ ===		=== 9) Definition (Large Click) — With Link (Header Link) ===
	<span class="sv-def" tabindex="0" data-sv-def-tip="This definition is click-open so the user can interact inside the popup.\~~nIncludes an~~ action button." data-sv-def-link="Casting">Casting (with link)</span>		<span class="sv-def" tabindex="0" data-sv-def-tip="This definition is click-open so the user can interact inside the popup.\nHeader title should be a real link (no action button)." data-sv-def-link="Casting">Casting (with link)</span>

	=== 10) Definition (Large Click) — With Link, Long Wrap ===		=== 10) Definition (Large Click) — With Link, Long Wrap ===
	<span class="sv-def" tabindex="0" data-sv-def-tip="A longer linked definition to confirm that click-open popups remain compact in width but comfortably readable with vertical growth and scrolling when needed." data-sv-def-link="Judgement Blade">Judgement Blade(with link)</span>		<span class="sv-def" tabindex="0" data-sv-def-tip="A longer linked definition to confirm that click-open popups remain compact in width but comfortably readable with vertical growth and scrolling when needed." data-sv-def-link="Judgement Blade">Judgement Blade (with link)</span>

	=== 11) Notes (Small Hover) — Inline Wiki Link in Body ===		=== 11) Notes (Small Hover) — Inline Wiki Link in Body ===
Line 119:		Line 121:
	<div class="sv-disclose-pop sv-hidden" id="sv-tb-mixed-1" role="dialog" aria-label="Mixed">		<div class="sv-disclose-pop sv-hidden" id="sv-tb-mixed-1" role="dialog" aria-label="Mixed">
	<div class="sv-disclose-pop-head"><div class="sv-disclose-pop-title">Mixed</div></div>		<div class="sv-disclose-pop-head"><div class="sv-disclose-pop-title">Mixed</div></div>
	<div class="sv-~~tip~~-pop-body">		<div class="sv-disclose-pop-body">
	Short intro line for mixed content test.		Short intro line for mixed content test.
	<ul>		<ul>

Eviand: /* 10) Definition (Large Click) — With Link, Long Wrap */

2026-02-27T02:26:27Z

10) Definition (Large Click) — With Link, Long Wrap

← Older revision		Revision as of 02:26, 27 February 2026
Line 101:		Line 101:

	=== 10) Definition (Large Click) — With Link, Long Wrap ===		=== 10) Definition (Large Click) — With Link, Long Wrap ===
	<span class="sv-def" tabindex="0" data-sv-def-tip="A longer linked definition to confirm that click-open popups remain compact in width but comfortably readable with vertical growth and scrolling when needed." data-sv-def-link="~~Damage~~">~~Damage~~ (with link)</span>		<span class="sv-def" tabindex="0" data-sv-def-tip="A longer linked definition to confirm that click-open popups remain compact in width but comfortably readable with vertical growth and scrolling when needed." data-sv-def-link="Judgement Blade">Judgement Blade(with link)</span>

	=== 11) Notes (Small Hover) — Inline Wiki Link in Body ===		=== 11) Notes (Small Hover) — Inline Wiki Link in Body ===

Eviand: /* Universal Popups v3 */

2026-02-27T01:21:08Z

Universal Popups v3

← Older revision		Revision as of 01:21, 27 February 2026
Line 1:		Line 1:
	~~== Universal Popups v3 ==~~

	=== 1) Notes (Small Hover) — Bullet List ===		=== 1) Notes (Small Hover) — Bullet List ===
	<div class="sv-tip">		<div class="sv-tip">

Eviand at 01:20, 27 February 2026

2026-02-27T01:20:58Z

← Older revision		Revision as of 01:20, 27 February 2026
Line 1:		Line 1:
	== Universal Popups v3 ~~— Full Testbed (Sectioned)~~ ==		== Universal Popups v3 ==

	=== 1) Notes (Small Hover) — Bullet List ===		=== 1) Notes (Small Hover) — Bullet List ===

Eviand: /* Universal Popups v3 — Full Testbed (10+) */

2026-02-27T01:19:54Z

Universal Popups v3 — Full Testbed (10+)

Show changes

Eviand: /* Universal Popups v3 — Testbed */

2026-02-27T01:17:46Z

Universal Popups v3 — Testbed

Show changes

Eviand: /* Universal Popups v3 — Testbed */

2026-02-27T01:11:39Z

Universal Popups v3 — Testbed

@@ Line 18: / Line 18: @@
 </div>
 </div>
 </div>

Eviand at 00:58, 27 February 2026

2026-02-27T00:58:48Z

← Older revision		Revision as of 00:58, 27 February 2026
Line 1:		Line 1:
	== Universal Popups v2 — Testbed ==		== Universal Popups v3 — Testbed ==

	<div class="sv-card" style="padding:16px; margin:16px 0;">		<div class="sv-card" style="padding:16px; margin:16px 0;">
	<div style="display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start;">		<div style="display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start;">

	<!-- NOTES / INFO (small hover) -->		<!-- NOTES / INFO (small hover on desktop; tap-open on mobile) -->
	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Notes</div>		<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Notes</div>
Line 12:		Line 12:
	<div class="sv-tip-pop-head">		<div class="sv-tip-pop-head">
	<div class="sv-tip-pop-title">Info</div>		<div class="sv-tip-pop-title">Info</div>
	~~<div class="sv-tip-pop-hint">Click to close</div>~~
	</div>		</div>
	<div class="sv-tip-pop-body">		<div class="sv-tip-pop-body">
Line 21:		Line 20:
	</div>		</div>

	<!-- USERS / REQUIREMENTS (large click) -->		<!-- NOTES / INFO (details/summary trigger test) -->
			<div>
			<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Notes (summary test)</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 verifies <summary> does NOT toggle native details open/closed.
			</div>
			</div>
			</details>
			</div>

			<!-- USERS / REQUIREMENTS (large click/tap) -->
	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Users</div>		<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Users</div>
Line 29:		Line 44:
	<div class="sv-disclose-pop-head">		<div class="sv-disclose-pop-head">
	<div class="sv-disclose-pop-title">Users</div>		<div class="sv-disclose-pop-title">Users</div>
	~~<div class="sv-disclose-pop-hint">Click to close</div>~~
	</div>		</div>
	<ul class="sv-disclose-list">		<ul class="sv-disclose-list">
Line 45:		Line 59:
	</div>		</div>

	<!-- DEFINITIONS (small hover~~, no link~~) -->		<!-- DEFINITIONS (small hover on desktop; tap-open on mobile) -->
	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Definition (no link)</div>		<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Definition (no link)</div>
	<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>		<span class="sv-def" tabindex="0" data-sv-def-tip="This is a hover-only definition tooltip.\nIt uses the Popup B shell.\nSecond line test.">Ground Cast (no link)</span>
	</div>		</div>

	<!-- DEFINITIONS (large click, with link) -->		<!-- DEFINITIONS (large click/tap, with link + action button) -->
	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Definition (with link)</div>		<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Definition (with link)</div>
	<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>		<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>
	</div>		</div>

	</div>		</div>
	</div>		</div>

Eviand at 22:22, 26 February 2026

2026-02-26T22:22:20Z

← Older revision		Revision as of 22:22, 26 February 2026
Line 1:		Line 1:
	== Universal Popups v2 — Testbed ~~(Refined)~~ ==		== Universal Popups v2 — Testbed ==

	<div class="sv-card" style="padding:16px; margin:16px 0;">		<div class="sv-card" style="padding:16px; margin:16px 0;">
	<div style="display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start;">		<div style="display:flex; gap:18px; flex-wrap:wrap; align-items:flex-start;">

			<!-- NOTES / INFO (small hover) -->
	<div>		<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">		<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>		<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-head">
	<div class="sv-tip-pop-title">Info</div>		<div class="sv-tip-pop-title">Info</div>
			<div class="sv-tip-pop-hint">Click to close</div>
	</div>		</div>
	<div class="sv-tip-pop-body">		<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>
	</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 <summary> does NOT toggle native details open/closed.~~
	~~</div>~~
	~~</div>~~
	~~</details>~~
	</div>		</div>

			<!-- USERS / REQUIREMENTS (large click) -->
	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Users</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-head">
	<div class="sv-disclose-pop-title">Users</div>		<div class="sv-disclose-pop-title">Users</div>
			<div class="sv-disclose-pop-hint">Click to close</div>
	</div>		</div>
	<ul class="sv-disclose-list">		<ul class="sv-disclose-list">
Line 55:		Line 43:
	</div>		</div>
	</div>		</div>
	~~<div style="margin-top:10px; font-size:13px; opacity:0.85;">Close: click header, click outside, or press Escape.</div>~~
	</div>		</div>

			<!-- DEFINITIONS (small hover, no link) -->
	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Definition (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>		</div>

			<!-- DEFINITIONS (large click, with link) -->
	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Definition (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>		</div>
	</div>		</div>

Eviand at 22:18, 26 February 2026

2026-02-26T22:18:12Z

← Older revision		Revision as of 22:18, 26 February 2026
Line 5:		Line 5:

	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Info</div>		<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Info (span trigger)</div>
	<div class="sv-tip">		<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>		<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 17:		Line 17:
	</div>		</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 <summary> does NOT toggle native details open/closed.
			</div>
			</div>
			</details>
	</div>		</div>

Line 39:		Line 55:
	</div>		</div>
	</div>		</div>
			<div style="margin-top:10px; font-size:13px; opacity:0.85;">Close: click header, click outside, or press Escape.</div>
	</div>		</div>

	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Definition (no link)</div>		<div class="sv-pill" style="margin-bottom:10px;">Small (Hover) — Definition (no link)</div>
	<span class="sv-def" 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" 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>
			<div style="margin-top:10px; font-size:13px; opacity:0.85;">Mobile: should tap-open and tap-outside-close.</div>
	</div>		</div>

	<div>		<div>
	<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Definition (with link)</div>		<div class="sv-pill" style="margin-bottom:10px;">Large (Click) — Definition (with link)</div>
	<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>		<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>
	<div style="margin-top:10px; font-size:13px; opacity:0.85;">Popups extension link-preview sanity check: [[Casting]]</div>		<div style="margin-top:10px; font-size:13px; opacity:0.85;">Popups extension link-preview sanity check: [[Casting]]</div>
	</div>		</div>