views.css

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* File icon themeable tree style */
.file-icon-themable-tree .monaco-tree-row .content {
	display: flex;
}

.file-icon-themable-tree .monaco-tree-row .content::before {
	background-size: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: inline-block;
	vertical-align: top;
	content: ' ';
}

.file-icon-themable-tree .monaco-tree-row.has-children.expanded .content::before {
	background-image: url("expanded.svg");
}

.file-icon-themable-tree .monaco-tree-row.has-children .content::before {
	display: inline-block;
	background-image: url("collapsed.svg");
}

.vs-dark .file-icon-themable-tree .monaco-tree-row.has-children.expanded .content::before {
	background-image: url("expanded-dark.svg");
}

.vs-dark .file-icon-themable-tree .monaco-tree-row.has-children .content::before {
	background-image: url("collapsed-dark.svg");
}

.hc-black .file-icon-themable-tree .monaco-tree-row.has-children.expanded .content::before {
	background-image: url("expanded-hc.svg");
}

.hc-black .file-icon-themable-tree .monaco-tree-row.has-children .content::before {
	background-image: url("collapsed-hc.svg");
}

.file-icon-themable-tree.align-icons-and-twisties .monaco-tree-row:not(.has-children) .content::before,
.file-icon-themable-tree.hide-arrows .monaco-tree-row .content::before {
	display: none;
}

.tree-explorer-viewlet-tree-view .monaco-tree .monaco-tree-row .custom-view-tree-node-item {
	display: flex;
	height: 22px;
	line-height: 22px;
	flex: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	flex-wrap: nowrap
}

.tree-explorer-viewlet-tree-view .monaco-tree .monaco-tree-row .custom-view-tree-node-item .custom-view-tree-node-item-resourceLabel,
.tree-explorer-viewlet-tree-view .monaco-tree .monaco-tree-row .custom-view-tree-node-item > .custom-view-tree-node-item-label {
	flex: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}

.tree-explorer-viewlet-tree-view .monaco-tree .monaco-tree-row .custom-view-tree-node-item > .custom-view-tree-node-item-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	-webkit-font-smoothing: antialiased;
}

.tree-explorer-viewlet-tree-view .monaco-tree .monaco-tree-row .custom-view-tree-node-item > .actions {
	display: none;
	padding-right: 6px;
}

.tree-explorer-viewlet-tree-view .monaco-tree .monaco-tree-row:hover .custom-view-tree-node-item > .actions,
.tree-explorer-viewlet-tree-view .monaco-tree .monaco-tree-row.selected .custom-view-tree-node-item > .actions,
.tree-explorer-viewlet-tree-view .monaco-tree .monaco-tree-row.focused .custom-view-tree-node-item > .actions {
	display: block;
}

.tree-explorer-viewlet-tree-view .monaco-tree .custom-view-tree-node-item > .actions .action-label {
	width: 16px;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}