Template:Tooltip: Difference between revisions

From Caves of Qud Wiki
Jump to navigation Jump to search
(revamp tooltip styles)
m (add qud-tooltip-wide)
Line 1: Line 1:
<includeonly><span class="qud-tooltip mobile-visible">{{#if: {{{2|}}} |<span class="qud-tooltip-ulabel">{{{2}}}</span>|<sup>?</sup>}}<span class="qud-tooltip-text {{#switch: {{{3|extend-line}}} | centered = centered-content | extend-line }}">{{{1}}}</span></span></includeonly>
<includeonly><span class="qud-tooltip mobile-visible">{{#if: {{{2|}}} |<span class="qud-tooltip-ulabel">{{{2}}}</span>|<sup>?</sup>}}<span class="qud-tooltip-text {{#switch: {{{3|extend-line}}} | centered = centered-content | extend-line }} {{#ifeq: {{{4|}}} | wide | qud-tooltip-wide}}">{{{1}}}</span></span></includeonly>
<noinclude>[[Category:Shorthand Templates]]
<noinclude>[[Category:Shorthand Templates]]
Usage: <code><nowiki>{{Tooltip |(hover text)|(description text to be hovered over)}}</nowiki></code>
Usage: <code><nowiki>{{Tooltip |(hover text)|(description text to be hovered over)}}</nowiki></code>

Revision as of 19:14, 10 October 2020

Usage: {{Tooltip |(hover text)|(description text to be hovered over)}}

Parameter Required? Description
1 required hover tooltip text
2 optional description to be hovered over. If not specified, a circled question mark symbol will be used instead of text.
3 optional specify centered for this parameter to make the tooltip centered over the description/qmark. This option also forces the tooltip content to be fixed-width (120px)

Example 1 - description text specified: text(hover text)

Example 2 - no description text specified: ?(hover text)

Example 3 - centered content: text(hover text)

Example 4 - centered content w/ qmark: ?(hover text)