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

.monaco-panel-view {
	width: 100%;
	height: 100%;
}

.monaco-panel-view .panel {
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.monaco-panel-view .panel > .panel-header {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 20px;
	overflow: hidden;
	display: flex;
	cursor: pointer;
}

.monaco-panel-view .panel > .panel-header {
	background-image: url('tree-collapsed-light.svg');
	background-position: 2px center;
	background-repeat: no-repeat;
}

.monaco-panel-view .panel > .panel-header.expanded {
	background-image: url('tree-expanded-light.svg');
	background-position: 2px center;
	background-repeat: no-repeat;
}

.vs-dark .monaco-panel-view .panel > .panel-header {
	background-image: url('tree-collapsed-dark.svg');
}

.vs-dark .monaco-panel-view .panel > .panel-header.expanded {
	background-image: url('tree-expanded-dark.svg');
}

.hc-black .monaco-panel-view .panel > .panel-header {
	background-image: url('tree-collapsed-hc.svg');
}

.hc-black .monaco-panel-view .panel > .panel-header.expanded {
	background-image: url('tree-expanded-hc.svg');
}

/* TODO: actions should be part of the panel, but they aren't yet */
.monaco-panel-view .panel > .panel-header > .actions {
	display: none;
	flex: 1;
}

/* TODO: actions should be part of the panel, but they aren't yet */
.monaco-panel-view .panel:hover > .panel-header.expanded > .actions,
.monaco-panel-view .panel > .panel-header.actions-always-visible.expanded > .actions,
.monaco-panel-view .panel > .panel-header.focused.expanded > .actions {
	display: initial;
}

/* TODO: actions should be part of the panel, but they aren't yet */
.monaco-panel-view .panel > .panel-header > .actions .action-label.icon,
.monaco-panel-view .panel > .panel-header > .actions .action-label.codicon {
	width: 28px;
	height: 22px;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 0;
}

/* Bold font style does not go well with CJK fonts */
.monaco-panel-view:lang(zh-Hans) .panel > .panel-header,
.monaco-panel-view:lang(zh-Hant) .panel > .panel-header,
.monaco-panel-view:lang(ja) .panel > .panel-header,
.monaco-panel-view:lang(ko) .panel > .panel-header {
	font-weight: normal;
}

.monaco-panel-view .panel > .panel-header.hidden {
	display: none;
}

.monaco-panel-view .panel > .panel-body {
	overflow: hidden;
	flex: 1;
}

/* Animation */

.monaco-panel-view.animated .split-view-view {
	transition-duration: 0.15s;
	transition-timing-function: ease-out;
}

.monaco-panel-view.animated.vertical .split-view-view {
	transition-property: height;
}

.monaco-panel-view.animated.horizontal .split-view-view {
	transition-property: width;
}