dashboard: fix monaco hovericon line height (#35105)

atrakh · Convex, Inc. · commit e3881045c638 · 2025-03-08T01:28:06.000Z
GitOrigin-RevId: 0fd00c492c67a7582d2f945bcd2f2bfcbc1f803e
diff --git a/npm-packages/dashboard-common/src/styles/globals.css b/npm-packages/dashboard-common/src/styles/globals.css
@@ -213,7 +213,8 @@ html.dark {
 [class*="codicon-"].hover-decoration {
   position: relative;
   top: 0.125rem;
-  line-height: 0.875rem;
+  /* This is important to ensure the icon does not push the text out of the line */
+  line-height: 9px;
 }
 
 /* Recharts style */

Original file line number	Diff line number	Diff line change
`@@ -213,7 +213,8 @@ html.dark {`
`213`	`213`	`[class*="codicon-"].hover-decoration {`
`214`	`214`	`position: relative;`
`215`	`215`	`top: 0.125rem;`
`216`		`- line-height: 0.875rem;`
	`216`	`+ /* This is important to ensure the icon does not push the text out of the line */`
	`217`	`+ line-height: 9px;`
`217`	`218`	`}`
`218`	`219`
`219`	`220`	`/* Recharts style */`