Commit 9a6dff8f authored by Aron Fiechter's avatar Aron Fiechter
Browse files

Add span around emoji in Tooltip

parent 6b90f625
......@@ -11,7 +11,7 @@ export default function Tooltip() {
const hoverNode = resultsById[hoverSiteId] || null;
return (
<MouseTooltip visible={hoverNode !== null} offsetX={15} offsetY={10} style={{zIndex: 9999}}>
<MouseTooltip visible={hoverNode !== null} offsetX={15} offsetY={10} style={{ zIndex: 9999 }}>
<div>
{hoverNode && (
<Card style={{ width: '300px' }}>
......@@ -19,14 +19,19 @@ export default function Tooltip() {
<Card.Title as={'h6'} className={'text-truncate'}>
{hoverNode.title}
</Card.Title>
<Card.Subtitle className='mb-2 text-muted text-truncate'>
<Card.Subtitle className="mb-2 text-muted text-truncate">
{hoverNode.level}
</Card.Subtitle>
<Card.Subtitle className='text-muted text-truncate'>
<Card.Subtitle className="text-muted text-truncate">
{hoverNode.dateRangeText}
</Card.Subtitle>
</Card.Body>
<Card.Footer className='mt-2 text-muted'>💡 Press "i" to learn more</Card.Footer>
<Card.Footer className="mt-2 text-muted">
<span className="mr-sm-2" role="img" aria-label="Lamp emoji">
💡
</span>
<span>Press "i" to learn more</span>
</Card.Footer>
</Card>
)}
</div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment