Fixes Graph tooltip styling

gitkraken · Oct 27, 2023 · e31c9da · e31c9da
1 parent a5c1fcd
commit e31c9da
Showing 1 changed file with 22 additions and 14 deletions.
diff --git a/src/webviews/apps/plus/graph/graph.scss b/src/webviews/apps/plus/graph/graph.scss
@@ -1120,25 +1120,33 @@ button:not([disabled]),
 	}
 }
 
-.tooltip {
-	font-size: var(--vscode-font-size);
-	font-family: var(--vscode-font-family);
-	font-weight: normal;
-	line-height: 19px;
+.gk-graph .tooltip,
+.gk-graph.tooltip {
+	font-size: var(--vscode-font-size) !important;
+	font-family: var(--vscode-font-family) !important;
+	font-weight: normal !important;
+	line-height: 19px !important;
 
 	&.in {
 		opacity: 1;
 	}
+
+	&.tooltip-arrow:after {
+		background-color: var(--color-hover-background) !important;
+		border-right-color: var(--color-hover-border) !important;
+		border-bottom-color: var(--color-hover-border) !important;
+	}
+
 	&-inner {
-		font-size: var(--vscode-font-size);
-		padding: 4px 10px 5px 10px;
-		color: var(--color-hover-foreground);
-		background-color: var(--color-hover-background);
-		border: 1px solid var(--color-hover-border);
-		border-radius: 0;
-		box-shadow: 0 2px 8px var(--vscode-widget-shadow);
-		text-align: start;
-		white-space: break-spaces;
+		font-size: var(--vscode-font-size) !important;
+		padding: 4px 10px 5px 10px !important;
+		color: var(--color-hover-foreground) !important;
+		background-color: var(--color-hover-background) !important;
+		border: 1px solid var(--color-hover-border) !important;
+		border-radius: 0 !important;
+		box-shadow: 0 2px 8px var(--vscode-widget-shadow) !important;
+		text-align: start !important;
+		white-space: break-spaces !important;
 	}
 }