scmViewlet.css

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

.monaco-workbench .activitybar > .content .monaco-action-bar .action-label.scm {
	-webkit-mask: url('scm-activity-bar.svg') no-repeat 50% 50%;
}

.monaco-workbench .scm-action.toggle-view-mode.list {
	background: url('list-light.svg') center center no-repeat;
}

.vs-dark .monaco-workbench .scm-action.toggle-view-mode.list {
	background: url('list-dark.svg') center center no-repeat;
}

.hc-black .monaco-workbench .scm-action.toggle-view-mode.list {
	background: url('list-hc.svg') center center no-repeat;
}

.monaco-workbench .scm-action.toggle-view-mode.tree {
	background: url('tree-light.svg') center center no-repeat;
}

.vs-dark .monaco-workbench .scm-action.toggle-view-mode.tree {
	background: url('tree-dark.svg') center center no-repeat;
}

.hc-black .monaco-workbench .scm-action.toggle-view-mode.tree {
	background: url('tree-hc.svg') center center no-repeat;
}

.monaco-workbench .viewlet.scm-viewlet .collapsible.header .actions {
	width: initial;
	flex: 1;
}

.scm-viewlet .empty-message {
	box-sizing: border-box;
	height: 100%;
	padding: 10px 22px 0 22px;
}

.scm-viewlet:not(.empty) .empty-message,
.scm-viewlet.empty .monaco-panel-view {
	display: none;
}

.scm-viewlet .scm-status {
	height: 100%;
	position: relative;
}

.scm-viewlet .monaco-list-row > .scm-provider {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
	padding: 0 12px 0 20px;
}

.scm-viewlet .monaco-list-row > .scm-provider > .monaco-action-bar {
	flex: 1;
}

.scm-viewlet .monaco-list-row > .scm-provider > .monaco-action-bar .action-item {
	overflow: hidden;
	text-overflow: ellipsis;
}

.scm-viewlet .scm-provider > .count {
	margin: 0 0.5em;
}

.scm-viewlet .scm-provider > .count.hidden {
	display: none;
}

.scm-viewlet .scm-provider > .type,
.scm-viewlet .scm-provider > .name > .type {
	opacity: 0.7;
	margin-left: 0.5em;
	font-size: 0.9em;
}

.scm-viewlet .monaco-list-row {
	line-height: 22px;
}

.scm-viewlet .monaco-list-row .resource-group {
	display: flex;
	height: 100%;
	align-items: center;
}

.scm-viewlet .monaco-list-row .resource-group > .name {
	flex: 1;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.scm-viewlet .monaco-list-row .resource {
	display: flex;
	height: 100%;
}

.scm-viewlet .monaco-list-row .resource.faded {
	opacity: 0.7;
}

.scm-viewlet .monaco-list-row .resource > .name {
	flex: 1;
	overflow: hidden;
}

.scm-viewlet .monaco-list-row .resource > .name.strike-through > .monaco-icon-label > .monaco-icon-label-description-container > .label-name {
	text-decoration: line-through;
}

.scm-viewlet .monaco-list-row .resource > .name > .monaco-icon-label::after {
	padding: 0 8px;
}

.scm-viewlet .monaco-list-row .resource-group > .count {
	padding: 0 8px;
	display: flex;
}

.scm-viewlet .monaco-list-row .resource > .decoration-icon {
	width: 16px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.scm-viewlet .monaco-list .monaco-list-row .resource > .name > .monaco-icon-label > .actions {
	flex-grow: 100;
}

.scm-viewlet .monaco-list .monaco-list-row .resource-group > .actions,
.scm-viewlet .monaco-list .monaco-list-row .resource > .name > .monaco-icon-label > .actions {
	display: none;
}

.scm-viewlet .monaco-list .monaco-list-row:hover .resource-group > .actions,
.scm-viewlet .monaco-list .monaco-list-row:hover .resource > .name > .monaco-icon-label > .actions,
.scm-viewlet .monaco-list .monaco-list-row.selected .resource-group > .actions,
.scm-viewlet .monaco-list .monaco-list-row.focused .resource-group > .actions,
.scm-viewlet .monaco-list .monaco-list-row.selected .resource > .name > .monaco-icon-label > .actions,
.scm-viewlet .monaco-list .monaco-list-row.focused .resource > .name > .monaco-icon-label > .actions,
.scm-viewlet .monaco-list:not(.selection-multiple) .monaco-list-row .resource:hover > .actions {
	display: block;
}

.scm-viewlet .scm-status.show-actions > .monaco-list .monaco-list-row .resource-group > .actions,
.scm-viewlet .scm-status.show-actions > .monaco-list .monaco-list-row .resource > .name > .monaco-icon-label > .actions {
	display: block;
}

.scm-viewlet .monaco-list-row .resource > .name > .monaco-icon-label > .actions .action-label,
.scm-viewlet .monaco-list-row .resource-group > .actions .action-label {
	width: 16px;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.scm-viewlet .scm-editor {
	box-sizing: border-box;
	padding: 5px 9px 5px 16px;
}

.scm-viewlet .scm-editor.hidden {
	display: none;
}

.scm-viewlet .scm-editor > .monaco-inputbox {
	width: 100%;
}

.scm-viewlet .scm-editor > .monaco-inputbox > .wrapper > .mirror {
	max-height: 134px;
}

.scm-viewlet .scm-editor > .monaco-inputbox > .wrapper > textarea.input {
	min-height: 26px;
}

.scm-viewlet .scm-editor.scroll > .monaco-inputbox > .wrapper > textarea.input {
	overflow-y: scroll;
}

.scm-viewlet .list-view-mode .monaco-tl-twistie:not(.force-twistie):not(.collapsible) {
	background-image: none !important;
	width: 8px !important;
	margin-right: 0 !important;
}