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

/*
	@keyframes blink { 50% { border-color: orange; }  }
*/

.monaco-editor div.inline-edits-view-indicator {
	display: flex;

	z-index: 1000000;
	height: 20px;

	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;

	align-items: center;
	padding: 2px;
	padding-right: 10px;
	margin: 0 4px;

	/*
	animation: blink 1s;
	animation-iteration-count: 3;
	*/

	opacity: 0;

	&.contained {
		transition: opacity 0.2s ease-in-out;
		transition-delay: 0.4s;
	}


	&.top {
		opacity: 1;

		.icon {
			transform: rotate(90deg);
		}
	}

	&.bottom {
		opacity: 1;

		.icon {
			transform: rotate(-90deg);
		}
	}

	.icon {
		display: flex;
		align-items: center;
		margin: 0 2px;
		transform: none;
		transition: transform 0.2s ease-in-out;
	}

	.label {
		margin: 0 2px;

		display: flex;
		justify-content: center;
		width: 100%;
	}
}

.monaco-editor div.inline-edits-view {
	--widget-color: var(--vscode-editorHoverWidget-background);

	&.toolbarDropdownVisible,
	.editorContainer:hover {
		.toolbar {
			display: block;
		}
	}

	.editorContainer {
		color: var(--vscode-editorHoverWidget-foreground);
		background-color: var(--vscode-editorHoverWidget-background);
		border: 1px solid var(--vscode-editorHoverWidget-border);
		border-radius: 3px;

		.toolbar {
			display: none;
			border-top: 1px solid rgba(69, 69, 69, 0.5);
			background-color: var(--vscode-editorHoverWidget-statusBarBackground);

			a {
				color: var(--vscode-foreground);
			}

			a:hover {
				color: var(--vscode-foreground);
			}

			.keybinding {
				display: flex;
				margin-left: 4px;
				opacity: 0.6;
			}

			.keybinding .monaco-keybinding-key {
				font-size: 8px;
				padding: 2px 3px;
			}

			.availableSuggestionCount a {
				display: flex;
				min-width: 19px;
				justify-content: center;
			}

			.inlineSuggestionStatusBarItemLabel {
				margin-right: 2px;
			}

		}

		.preview {
			.monaco-editor {
				.view-overlays .current-line-exact {
					border: none;
				}

				.current-line-margin {
					border: none;
				}

				--vscode-editor-background: var(--widget-color);
			}
		}
	}
}
