Show tooltip when hovering over jump to diagnostic icon

styles/src/styleTree/app.ts

@@ -12,6 +12,7 @@ import workspace from "./workspace";
 import contextMenu from "./contextMenu";
 import projectDiagnostics from "./projectDiagnostics";
 import contactNotification from "./contactNotification";
+import tooltip from "./tooltip";
 
 export const panel = {
   padding: { top: 12, bottom: 12 },
@@ -37,5 +38,6 @@ export default function app(theme: Theme): Object {
       },
     },
     contactNotification: contactNotification(theme),
+    tooltip: tooltip(theme),
   };
 }

styles/src/styleTree/tooltip.ts

@@ -0,0 +1,13 @@
+import Theme from "../themes/common/theme";
+import { backgroundColor, border, shadow, text } from "./components";
+
+export default function tooltip(theme: Theme) {
+  return {
+    background: backgroundColor(theme, 500),
+    border: border(theme, "primary"),
+    padding: 6,
+    shadow: shadow(theme),
+    cornerRadius: 6,
+    ...text(theme, "sans", "primary", { size: "xs" })
+  }
+}