Fixes microsoft#19979: Align codelens text to the bottom

alexdima · alexdima · commit becf0b556d8a · 2017-02-06T15:34:42.000+01:00
diff --git a/src/vs/editor/contrib/codelens/browser/codelens.css b/src/vs/editor/contrib/codelens/browser/codelens.css
@@ -9,7 +9,6 @@
 	text-overflow: ellipsis;
 	font-size: 90%;
 	color: #999999;
-	vertical-align: sub;
 }
 
 .monaco-editor .codelens-decoration > span,
@@ -19,6 +18,7 @@
 	-ms-user-select: none;
 	user-select: none;
 	white-space: nowrap;
+	vertical-align: sub;
 }
 
 .monaco-editor .codelens-decoration > a {
diff --git a/src/vs/editor/contrib/codelens/browser/codelens.ts b/src/vs/editor/contrib/codelens/browser/codelens.ts
@@ -71,7 +71,9 @@ class CodeLensContentWidget implements editorBrowser.IContentWidget {
 		this.setSymbolRange(symbolRange);
 
 		this._domNode = document.createElement('span');
-		this._domNode.style.height = `${editor.getConfiguration().lineHeight}px`;
+		const lineHeight = editor.getConfiguration().lineHeight;
+		this._domNode.style.height = `${lineHeight}px`;
+		this._domNode.style.lineHeight = `${lineHeight}px`;
 		this._domNode.innerHTML = '&nbsp;';
 		dom.addClass(this._domNode, 'codelens-decoration');
 		dom.addClass(this._domNode, 'invisible-cl');

Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,6 @@`
`9`	`9`	`text-overflow: ellipsis;`
`10`	`10`	`font-size: 90%;`
`11`	`11`	`color: #999999;`
`12`		`- vertical-align: sub;`
`13`	`12`	`}`
`14`	`13`
`15`	`14`	`.monaco-editor .codelens-decoration > span,`
`@@ -19,6 +18,7 @@`
`19`	`18`	`-ms-user-select: none;`
`20`	`19`	`user-select: none;`
`21`	`20`	`white-space: nowrap;`
	`21`	`+ vertical-align: sub;`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.monaco-editor .codelens-decoration > a {`