tooltips app TDD spike + kit bag refactor to .tt
- New apps.tooltips: TooltipContent model, {% tooltip data %} inclusion
tag, _tooltip.html partial with .tt/.tt-title/.tt-description etc.
class contract; 34 tests green
- Kit bag panel (_kit_bag_panel.html): .token-tooltip → .tt + child
class renames (tt-title, tt-description, tt-shoptalk, tt-expiry)
- game-kit.js attachTooltip: .token-tooltip → .tt selector
- SCSS: .tt added alongside .token-tooltip for display:none default +
hover rules in _wallet-tokens.scss and _game-kit.scss
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -105,10 +105,12 @@
|
||||
transition: filter 0.15s;
|
||||
padding: 0 0.125rem;
|
||||
|
||||
&:hover .token-tooltip { display: none; } // JS positions these as fixed
|
||||
&:hover .token-tooltip,
|
||||
&:hover .tt { display: none; } // JS positions these as fixed
|
||||
}
|
||||
|
||||
.token-tooltip {
|
||||
.token-tooltip,
|
||||
.tt {
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
.token-tooltip {
|
||||
.token-tooltip,
|
||||
.tt {
|
||||
display: none;
|
||||
width: 16rem;
|
||||
max-width: 16rem;
|
||||
@@ -66,7 +67,8 @@
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
&:hover .token-tooltip {
|
||||
&:hover .token-tooltip,
|
||||
&:hover .tt {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user