Fixes issue with overlapping timeline message

src/vs/workbench/contrib/timeline/browser/media/timelinePane.css

@@ -3,7 +3,11 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-.monaco-workbench .tree-explorer-viewlet-tree-view .message.timeline-subtle {
+.monaco-workbench .timeline-tree-view {
+	position: relative;
+}
+
+.monaco-workbench .timeline-tree-view .message.timeline-subtle {
 	padding: 10px 22px 0 22px;
 	opacity: 0.5;
 	position: absolute;

src/vs/workbench/contrib/timeline/browser/timelinePane.ts

@@ -194,7 +194,7 @@ export class TimelinePane extends ViewPane {
 
 	protected renderBody(container: HTMLElement): void {
 		this._container = container;
-		DOM.addClass(container, 'tree-explorer-viewlet-tree-view');
+		DOM.addClasses(container, 'tree-explorer-viewlet-tree-view', 'timeline-tree-view');
 
 		this._messageElement = DOM.append(this._container, DOM.$('.message'));
 		DOM.addClass(this._messageElement, 'timeline-subtle');
@@ -202,9 +202,7 @@ export class TimelinePane extends ViewPane {
 		this.message = 'The active editor cannot provide timeline information.';
 
 		this._treeElement = document.createElement('div');
-		DOM.addClass(this._treeElement, 'customview-tree');
-		DOM.addClass(this._treeElement, 'file-icon-themable-tree');
-		DOM.addClass(this._treeElement, 'hide-arrows');
+		DOM.addClasses(this._treeElement, 'customview-tree', 'file-icon-themable-tree', 'hide-arrows');
 		// DOM.addClass(this._treeElement, 'show-file-icons');
 		container.appendChild(this._treeElement);