better codicon alignment in codelens, #87062

src/vs/editor/contrib/codelens/codelensController.ts

@@ -85,7 +85,13 @@ export class CodeLensContribution implements IEditorContribution {
 		const fontInfo = options.get(EditorOption.fontInfo);
 		const lineHeight = options.get(EditorOption.lineHeight);
 
-		const newStyle = `.monaco-editor .codelens-decoration.${this._styleClassName} { height: ${Math.round(lineHeight * 1.1)}px; line-height: ${lineHeight}px; font-size: ${Math.round(fontInfo.fontSize * 0.9)}px; padding-right: ${Math.round(fontInfo.fontSize * 0.45)}px;}`;
+
+		const height = Math.round(lineHeight * 1.1);
+		const fontSize = Math.round(fontInfo.fontSize * 0.9);
+		const newStyle = `
+		.monaco-editor .codelens-decoration.${this._styleClassName} { height: ${height}px; line-height: ${lineHeight}px; font-size: ${fontSize}px; padding-right: ${Math.round(fontInfo.fontSize * 0.45)}px;}
+		.monaco-editor .codelens-decoration.${this._styleClassName} > a > .codicon { line-height: ${lineHeight}px; font-size: ${fontSize}px; }
+		`;
 		this._styleElement.innerHTML = newStyle;
 	}
 

src/vs/editor/contrib/codelens/codelensWidget.css

@@ -27,9 +27,7 @@
 }
 
 .monaco-editor .codelens-decoration .codicon {
-	line-height: inherit;
-	font-size: 110%;
-	vertical-align: inherit;
+	vertical-align: middle;
 	color: currentColor !important;
 }