Template:Tooltip: Difference between revisions

Revision as of 05:55, 27 September 2023

Adds text with a tooltip

Template parameters[Edit template data]
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
Visible Text	`1`	Text you want seen on the page	String	required
Hover Text	`2`	Text you want seen when you hover	String	required
Underline Style	`3`	Style of the line Suggested values `dashed` `dotted` `solid` Auto value `dashed`	String	required

@@ Line 1: / Line 1: @@
-<span style="cursor:help; border-bottom:1px {{{3}}};" title="{{{2}}}">{{{1}}}</span><noinclude>
+<templatestyles src="Tooltip/styles.css" />
+<div class="tooltip" style="border-bottom-style={{{3}}};">{{{1}}}<span class="tooltiptext" style="background-color: var(--color-surface-2);">{{{2}}}</span></div><noinclude>
 <templatedata>
 {