Merge pull request #123910 from jeanp413/fix-123891

Fixes process explorer does not show twistie

Author: Tyriar

src/vs/code/electron-sandbox/processExplorer/processExplorerMain.ts

@@ -14,13 +14,15 @@ import { applyZoom, zoomIn, zoomOut } from 'vs/platform/windows/electron-sandbox
 import { IContextMenuItem } from 'vs/base/parts/contextmenu/common/contextmenu';
 import { popup } from 'vs/base/parts/contextmenu/electron-sandbox/contextmenu';
 import { ProcessItem } from 'vs/base/common/processes';
-import { append, $ } from 'vs/base/browser/dom';
+import { append, $, createStyleSheet } from 'vs/base/browser/dom';
 import { isRemoteDiagnosticError, IRemoteDiagnosticError } from 'vs/platform/diagnostics/common/diagnostics';
 import { ElectronIPCMainProcessService } from 'vs/platform/ipc/electron-sandbox/mainProcessService';
 import { ByteSize } from 'vs/platform/files/common/files';
 import { IListVirtualDelegate } from 'vs/base/browser/ui/list/list';
 import { IDataSource, ITreeNode, ITreeRenderer } from 'vs/base/browser/ui/tree/tree';
 import { DataTree } from 'vs/base/browser/ui/tree/dataTree';
+import { getIconsStyleSheet } from 'vs/platform/theme/browser/iconsStyleSheet';
+import { RunOnceScheduler } from 'vs/base/common/async';
 
 const DEBUG_FLAGS_PATTERN = /\s--(inspect|debug)(-brk|port)?=(\d+)?/;
 const DEBUG_PORT_PATTERN = /\s--(inspect|debug)-port=(\d+)/;
@@ -310,8 +312,7 @@ class ProcessExplorer {
 			renderers,
 			new ProcessTreeDataSource(),
 			{
-				identityProvider:
-				{
+				identityProvider: {
 					getId: (element: ProcessTree | ProcessItem | MachineProcessInformation | ProcessInformation | IRemoteDiagnosticError) => {
 						if (isProcessItem(element)) {
 							return element.pid.toString();
@@ -331,7 +332,7 @@ class ProcessExplorer {
 
 						return 'header';
 					}
-				}
+				},
 			});
 
 		this.tree.setInput({ processes: { processRoots } });
@@ -475,9 +476,24 @@ class ProcessExplorer {
 	}
 }
 
+function createCodiconStyleSheet() {
+	const codiconStyleSheet = createStyleSheet();
+	codiconStyleSheet.id = 'codiconStyles';
+
+	const iconsStyleSheet = getIconsStyleSheet();
+	function updateAll() {
+		codiconStyleSheet.textContent = iconsStyleSheet.getCSS();
+	}
+
+	const delayer = new RunOnceScheduler(updateAll, 0);
+	iconsStyleSheet.onDidChange(() => delayer.schedule());
+	delayer.schedule();
+}
+
 export function startup(configuration: ProcessExplorerWindowConfiguration): void {
 	const platformClass = configuration.data.platform === 'win32' ? 'windows' : configuration.data.platform === 'linux' ? 'linux' : 'mac';
 	document.body.classList.add(platformClass); // used by our fonts
+	createCodiconStyleSheet();
 	applyZoom(configuration.data.zoomLevel);
 
 	new ProcessExplorer(configuration.windowId, configuration.data);