From 18837cb5a696ae01636cc0e3eb6573b56cf1a7e2 Mon Sep 17 00:00:00 2001
From: Keith Daulton <keith.daulton@gitkraken.com>
Date: Wed, 2 Aug 2023 17:48:03 -0400
Subject: [PATCH] Adds tooltips to focus view

---
 .../apps/plus/focus/components/gk-issue-row.ts       | 20 ++++++++++++--------
 .../plus/focus/components/gk-pull-request-row.ts     | 11 +++++++----
 .../apps/plus/focus/components/gk-theme.css.ts       |  4 ++--
 3 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/webviews/apps/plus/focus/components/gk-issue-row.ts b/src/webviews/apps/plus/focus/components/gk-issue-row.ts
index f5ff0a5..37d9656 100644
--- a/src/webviews/apps/plus/focus/components/gk-issue-row.ts
+++ b/src/webviews/apps/plus/focus/components/gk-issue-row.ts
@@ -127,14 +127,18 @@ export class GkIssueRow extends LitElement {
 						<gk-badge>pending suggestions</gk-badge> -->
 					</p>
 					<p>
-						<gk-tag variant="ghost">
-							<span slot="prefix"><code-icon icon="comment-discussion"></code-icon></span>
-							${this.issue.commentsCount}
-						</gk-tag>
-						<gk-tag variant="ghost">
-							<span slot="prefix"><code-icon icon="thumbsup"></code-icon></span>
-							${this.issue.thumbsUpCount}
-						</gk-tag>
+						<gk-tooltip
+							><gk-tag variant="ghost" slot="trigger">
+								<span slot="prefix"><code-icon icon="comment-discussion"></code-icon></span>
+								${this.issue.commentsCount} </gk-tag
+							><span>Comments</span></gk-tooltip
+						>
+						<gk-tooltip
+							><gk-tag variant="ghost" slot="trigger">
+								<span slot="prefix"><code-icon icon="thumbsup"></code-icon></span>
+								${this.issue.thumbsUpCount} </gk-tag
+							><span>Thumbs Up</span></gk-tooltip
+						>
 					</p>
 					<span slot="people">
 						<gk-avatar-group>
diff --git a/src/webviews/apps/plus/focus/components/gk-pull-request-row.ts b/src/webviews/apps/plus/focus/components/gk-pull-request-row.ts
index a8c3443..b36a7fe 100644
--- a/src/webviews/apps/plus/focus/components/gk-pull-request-row.ts
+++ b/src/webviews/apps/plus/focus/components/gk-pull-request-row.ts
@@ -211,10 +211,13 @@ export class GkPullRequestRow extends LitElement {
 							<span slot="additions">${this.pullRequest.additions}</span>
 							<span slot="deletions">${this.pullRequest.deletions}</span>
 						</gk-additions-deletions>
-						<gk-tag variant="ghost">
-							<span slot="prefix"><code-icon icon="comment-discussion"></code-icon></span>
-							${this.pullRequest.comments}
-						</gk-tag>
+						<gk-tooltip>
+							<gk-tag variant="ghost" slot="trigger">
+								<span slot="prefix"><code-icon icon="comment-discussion"></code-icon></span>
+								${this.pullRequest.comments}
+							</gk-tag>
+							<span>Comments</span>
+						</gk-tooltip>
 					</p>
 					<span slot="people">
 						<gk-avatar-group>
diff --git a/src/webviews/apps/plus/focus/components/gk-theme.css.ts b/src/webviews/apps/plus/focus/components/gk-theme.css.ts
index 0f8d37e..e37685f 100644
--- a/src/webviews/apps/plus/focus/components/gk-theme.css.ts
+++ b/src/webviews/apps/plus/focus/components/gk-theme.css.ts
@@ -21,8 +21,8 @@ export const themeProperties = css`
 		--gk-button-outline-color-active: var(--background-10);
 		--gk-button-outline-color-disabled: var(--color-foreground--50);
 
-		--gk-tooltip-background-color: var(--popover-bg);
-		--gk-tooltip-font-color: var(--color-foreground);
+		--gk-tooltip-background-color: var(--popover-bg); // var(--vscode-editorHoverWidget-background);
+		--gk-tooltip-font-color: var(--color-foreground); // var(--vscode-editorHoverWidget-foreground);
 		--gk-tooltip-font-weight: normal;
 		--gk-tooltip-font-size: 1.2rem;
 	}