Template:Tooltip: Difference between revisions

From Nova Sector 13
Jump to navigation Jump to search
m (1 revision imported)
m (TemplateData is a real thing)
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class='tooltip' style="display:inline;">{{{1}}}<div class='tooltiptext' style='top:20px; background: #F7F7FF; z-index:200; left:5px; box-shadow: 0 0 .3em #999;'>{{{2}}}</div></div><noinclude>[[Category:Templates]][[Category:Maintenance templates]][[Category:Misc Styling Templates]]</noinclude>
<includeonly><div class='tooltip' style="display:inline;">{{{1|EMPTY TOOLTIP ALERT}}}<div class='tooltiptext' style='top:20px; background: #F7F7FF; z-index:200; left:5px; box-shadow: 0 0 .3em #999;'>{{{2|EMPTY TOOLTIP TEXT ALERT}}}</div></div></includeonly><noinclude>
 
<!-- For some reason -->
= Test Cases =
 
{{Tooltip|Base Case|This is the simplest test of a Tooltip.}}
 
Blank tooltip:
{{Tooltip}}
 
 
 
Ideally, this paragraph should appear as a single paragraph, where the next bit is a {{Tooltip|multi word tooltip|with punctuation? with wizardry?}}, with the comma directly adjacent to the words. This part '''ought to be, morally''' still be on the same line. If it doesn't, '''and it does not at this time''', that's alright; use [[Template:TooltipInline]] in these cases.
 
Table below should consist of 1 chemical, Prefactor B, with the formula 1 part Phenol, 3 parts Ethanol, 1 part Plasma High temperature, where Phenol has a tooltip to expand with its own nested tooltip. [[Template:RecursiveChem/Prefactor_b]]
 
{| class="wikitable sortable" style="width:100%; text-align:left; border: 3px solid #FFDD66; cellspacing=0; cellpadding=2; background-color:white;"
! scope="col" style="width:150px; background-color:#FFDD66;" |Name
! scope="col" class="unsortable" style="width:220px; background-color:#FFDD66;" |Formula
! scope="col" class="unsortable" style="width:150px; background-color:#FFDD66;" |Reaction conditions
! scope="col" class="unsortable" style="background-color:#FFDD66;" |Description
|-
! style="background-color:#FFEE88;" |{{anchor|Prefactor b}}Prefactor b<span style="color:#3853a4;background-color:white">▮</span>
|{{RecursiveChem/Prefactor b}}
|'''Required temp:''' 50K <br>'''Overheat temp:''' 500K <br>'''Optimal pH range:''' 5 to 8 <br>'''Min purity:''' 0.35 <br>Extremely Endothermic<br>minor H+ producing<br>Dangerously volitile
|This is part of a competitive reaction between Purity Tester and Tempomyocin. This outcompetes when the reaction is hot.
|}
 
For some reason, recursive tooltips don't love '''span''', choosing to dump everything after the tooltip into the deepest tooltip instead of... fully after the top-most tooltip.
 
[[Category:Templates]][[Category:Maintenance templates]][[Category:Misc Styling Templates]]<templatedata>
{
"params": {
"Display Text": {
"aliases": [
"text"
],
"label": "Display Text",
"description": "The text that is displayed on the page. It will appear with a dotted line underneath, and the user will mouse over it to expand a tooltip. It is likely that this will break the text into several paragraphs. If this is undesired, use TooltipInline.",
"example": "Chemical X",
"type": "string",
"default": "CHEMICAL X",
"required": true,
"suggestedvalues": [
"The reagent name, without the 1 Part or so."
]
},
"Tooltip": {
"aliases": [
"tooltip",
"box"
],
"label": "Tooltip",
"description": "The text that appears in a gray box when the user hovers over the display text. Links are functional, and this template may be used recursively.",
"type": "content",
"suggestedvalues": [
"Tooltip"
],
"default": "Tooltip Text",
"required": true
}
},
"paramOrder": [
"Display Text",
"Tooltip"
],
"description": "An in-line tooltip that displays a short text with a dotted line underneath, which when moused over, displays a gray box overtop the text, with its own tooltip text. Should not be used recursively, as Span is not a very stable keyword."
}
</templatedata></noinclude>

Latest revision as of 01:19, 21 June 2024


Test Cases

Base Case
This is the simplest test of a Tooltip.

Blank tooltip:

EMPTY TOOLTIP ALERT
EMPTY TOOLTIP TEXT ALERT


Ideally, this paragraph should appear as a single paragraph, where the next bit is a

multi word tooltip
with punctuation? with wizardry?

, with the comma directly adjacent to the words. This part ought to be, morally still be on the same line. If it doesn't, and it does not at this time, that's alright; use Template:TooltipInline in these cases.

Table below should consist of 1 chemical, Prefactor B, with the formula 1 part Phenol, 3 parts Ethanol, 1 part Plasma High temperature, where Phenol has a tooltip to expand with its own nested tooltip. Template:RecursiveChem/Prefactor_b

Name Formula Reaction conditions Description
Prefactor b 1 part
Phenol
1 part
Oil
1 part Welding Fuel

1 part Carbon
1 part Hydrogen


1 part Chlorine
1 part Water


3 parts Ethanol
1 part Plasma
High temperature

Required temp: 50K
Overheat temp: 500K
Optimal pH range: 5 to 8
Min purity: 0.35
Extremely Endothermic
minor H+ producing
Dangerously volitile
This is part of a competitive reaction between Purity Tester and Tempomyocin. This outcompetes when the reaction is hot.

For some reason, recursive tooltips don't love span, choosing to dump everything after the tooltip into the deepest tooltip instead of... fully after the top-most tooltip.

An in-line tooltip that displays a short text with a dotted line underneath, which when moused over, displays a gray box overtop the text, with its own tooltip text. Should not be used recursively, as Span is not a very stable keyword.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
Display TextDisplay Text text

The text that is displayed on the page. It will appear with a dotted line underneath, and the user will mouse over it to expand a tooltip. It is likely that this will break the text into several paragraphs. If this is undesired, use TooltipInline.

Suggested values
The reagent name, without the 1 Part or so.
Default
CHEMICAL X
Example
Chemical X
Stringrequired
TooltipTooltip tooltip box

The text that appears in a gray box when the user hovers over the display text. Links are functional, and this template may be used recursively.

Suggested values
Tooltip
Default
Tooltip Text
Contentrequired