mirror of
https://github.com/m3y54m/Embedded-Engineering-Roadmap.git
synced 2026-10-10 08:18:16 +03:00
fix(site): make the tooltip hint look like a hint, not a link
The tooltip ignores the mouse and follows the cursor, so its hint is now plain muted text about the topic instead of an accent-colored link-like line.
This commit is contained in:
+1
-1
@@ -294,7 +294,7 @@ export function createMapView({ root, plan, data, build, onSelect }) {
|
||||
topic.areas.length ? h('div', { class: 'tip-areas' }, areaDots(topic.areas), areaLabel(topic.areas)) : null,
|
||||
h('div', { class: 'tip-meta' }, [importance ? IMPORTANCE[importance] : null, plural(topic.total, 'resource'),
|
||||
topic.links && topic.links.length ? `${topic.links.length} connected` : null].filter(Boolean).join(' · ')),
|
||||
h('div', { class: 'tip-hint' }, 'Click for details and resources'),
|
||||
h('div', { class: 'tip-hint' }, 'Click this topic to open its details'),
|
||||
].filter(Boolean));
|
||||
tip.hidden = false;
|
||||
moveTip(e);
|
||||
|
||||
+4
-3
@@ -426,10 +426,11 @@ button {
|
||||
}
|
||||
|
||||
.tip-hint {
|
||||
margin-top: 4px;
|
||||
color: var(--accent);
|
||||
margin-top: 6px;
|
||||
padding-top: 6px;
|
||||
border-top: 1px solid var(--border);
|
||||
color: var(--muted);
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Outline view */
|
||||
|
||||
Reference in New Issue
Block a user