panelpart.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.nopanel > .part.panel {
	display: none !important;
	visibility: hidden !important;
}

.monaco-workbench > .part.panel {
	z-index: initial;
}

.monaco-workbench > .part.panel .title {
	padding-right: 0px;
	height: 35px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.monaco-workbench > .part.panel.bottom .title {
	border-top-width: 1px;
	border-top-style: solid;
}

.monaco-workbench > .part.panel.right {
	border-left-width: 1px;
	border-left-style: solid;
}

.monaco-workbench > .part.panel > .composite.title > .title-actions {
	flex: 0;
}

.monaco-workbench > .part.panel > .title > .title-actions .monaco-action-bar .action-item .action-label {
	outline-offset: -2px;
}

/** Panel Switcher */

.monaco-workbench > .part.panel > .title > .panel-switcher-container.composite-bar > .monaco-action-bar .action-label.toggle-more {
	background: url('ellipsis.svg') center center no-repeat;
	display: block;
	height: 31px;
	min-width: 28px;
	margin-left: 0px;
	margin-right: 0px;
}

.monaco-workbench > .part.panel > .title > .panel-switcher-container > .monaco-action-bar {
	line-height: 35px;
}

.monaco-workbench > .part.panel > .title > .panel-switcher-container > .monaco-action-bar .action-item:first-child .action-label {
	margin-left: 12px;
}

.monaco-workbench > .part.panel > .title > .panel-switcher-container > .monaco-action-bar .action-item .action-label {
	text-transform: uppercase;
	margin-left: 12px;
	margin-right: 20px;
	font-size: 11px;
	padding-bottom: 4px; /* puts the bottom border down */
}

.monaco-workbench > .part.panel > .title > .panel-switcher-container > .monaco-action-bar .action-item.checked .action-label {
	border-bottom: 1px solid;
}

.monaco-workbench  > .part.panel > .title > .panel-switcher-container > .monaco-action-bar .badge .badge-content {
	top: 8px;
	right: 0px;
	position: absolute;
	font-size: 11px;
	min-width: 6px;
	line-height: 18px;
	padding: 0 5px;
	border-radius: 20px;
	text-align: center;
}

/** Actions */

.monaco-workbench .panel .monaco-action-bar .action-item.select-container {
	cursor: default;
}

.monaco-workbench .panel .monaco-action-bar .action-item .select-box {
	cursor: pointer;
	min-width: 100px;
}

.monaco-workbench .hide-panel-action {
	background: url('close.svg') center center no-repeat;
}

.monaco-workbench .maximize-panel-action {
	background: url('up.svg') center center no-repeat;
}

.monaco-workbench .panel.right .maximize-panel-action {
	transform: rotate(-90deg);
}

.vs-dark .monaco-workbench .maximize-panel-action,
.hc-black .monaco-workbench .maximize-panel-action {
	background: url('up-inverse.svg') center center no-repeat;
}

.monaco-workbench .minimize-panel-action {
	background: url('down.svg') center center no-repeat;
}

.monaco-workbench .panel.right .minimize-panel-action {
	transform: rotate(-90deg);
}

.vs-dark .monaco-workbench .minimize-panel-action,
.hc-black .monaco-workbench .minimize-panel-action {
	background: url('down-inverse.svg') center center no-repeat;
}

.monaco-workbench .move-panel-to-right {
	background: url('panel-right.svg') center center no-repeat;
}

.vs-dark .monaco-workbench .move-panel-to-right,
.hc-black .monaco-workbench .move-panel-to-right {
	background: url('panel-right-inverse.svg') center center no-repeat;
}

.monaco-workbench .move-panel-to-bottom {
	background: url('panel-bottom.svg') center center no-repeat;
}

.vs-dark .monaco-workbench .move-panel-to-bottom,
.hc-black .monaco-workbench .move-panel-to-bottom {
	background: url('panel-bottom-inverse.svg') center center no-repeat;
}

.vs-dark .monaco-workbench .hide-panel-action,
.hc-black .monaco-workbench .hide-panel-action {
	background: url('close-inverse.svg') center center no-repeat;
}

.vs-dark .monaco-workbench > .part.panel > .title > .panel-switcher-container.composite-bar > .monaco-action-bar .action-label.toggle-more,
.hc-black .monaco-workbench > .part.panel > .title > .panel-switcher-container.composite-bar > .monaco-action-bar .action-label.toggle-more {
	background: url('ellipsis-inverse.svg') center center no-repeat;
}