Template:Tooltip: Difference between revisions
Jump to navigation
Jump to search
GreytideSkye (talk | contribs) m (Revert to Div while troubleshooting) |
GreytideSkye (talk | contribs) m (Test cases updated. I don't love this but for some reason it just doesn't love me.) |
||
| Line 1: | Line 1: | ||
<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 = | = Test Cases = | ||
{{Tooltip|Base Case|This is the simplest test of a Tooltip.}} | {{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 should still be on the same line. If it doesn't, that's justification for [[Template:TooltipInline]] to exist. | |||
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. [[Template:RecursiveChem/Prefactor_b]] | 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;" | {| 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" style="width:150px; background-color:#FFDD66;" |Name | ||
! scope="col" class="unsortable" style="width: | ! 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="width:150px; background-color:#FFDD66;" |Reaction conditions | ||
! scope="col" class="unsortable" style="background-color:#FFDD66;" |Description | ! scope="col" class="unsortable" style="background-color:#FFDD66;" |Description | ||
| Line 27: | Line 27: | ||
|} | |} | ||
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]]</noinclude> | [[Category:Templates]][[Category:Maintenance templates]][[Category:Misc Styling Templates]]</noinclude> | ||
Revision as of 01:29, 6 March 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 should still be on the same line. If it doesn't, that's justification for Template:TooltipInline to exist.
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 3 parts Ethanol |
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.