Template:Tooltip: Difference between revisions

Latest revision as of 06:03, 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); text-wrap: balance;">{{{2}}}</span></div><noinclude>
 <templatedata>
 {
@@ Line 26: / Line 27: @@
 				"solid"
 			],
-			"default": "dashed"
+			"required": true,
+			"suggested": true,
+			"autovalue": "dashed"
 		}
 	},