@vscode/markdown-editor 0.0.2-12 → 0.0.2-121

package/src/contrib/suggest/suggest.css

@@ -0,0 +1,109 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See LICENSE in the repository root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* Adapted from VS Code's src/vs/editor/contrib/suggest/browser/media/suggest.css. */
+@import '@vscode/codicons/dist/codicon.css';
+
+.md-suggest-widget {
+	box-sizing: border-box;
+	width: 432px;
+	padding-bottom: 2px;
+	max-width: 100%;
+	overflow: hidden;
+	border: 1px solid var(--vscode-editorSuggestWidget-border, var(--vscode-editorWidget-border, #454545));
+	border-radius: var(--vscode-cornerRadius-large, 4px);
+	background: var(--vscode-editorSuggestWidget-background, var(--vscode-editorWidget-background, #252526));
+	color: var(--vscode-editorSuggestWidget-foreground, var(--vscode-editor-foreground, #cccccc));
+	box-shadow: 0 2px 8px var(--vscode-widget-shadow, #00000036);
+	font-family: var(--vscode-editor-font-family, monospace);
+	font-size: var(--vscode-editor-font-size, 14px);
+	line-height: var(--md-suggest-line-height, 19px);
+}
+
+.md-suggest-widget[hidden],
+.md-suggest-widget [hidden] {
+	display: none;
+}
+
+.md-suggest-widget .md-suggest-list {
+	position: relative;
+	max-height: min(calc(var(--md-suggest-line-height, 19px) * 12), var(--md-suggest-max-height, 100vh));
+	overflow-y: auto;
+	overscroll-behavior: contain;
+	scrollbar-width: thin;
+	scrollbar-color: var(--vscode-scrollbarSlider-background, #79797966) transparent;
+	user-select: none;
+}
+
+.md-suggest-widget .md-suggest-row {
+	box-sizing: border-box;
+	display: flex;
+	height: var(--md-suggest-line-height, 19px);
+	align-items: center;
+	padding: 0 10px 0 2px;
+	white-space: pre;
+	cursor: pointer;
+}
+
+.md-suggest-widget .md-suggest-row[aria-selected="true"] {
+	background: var(--vscode-editorSuggestWidget-selectedBackground, var(--vscode-list-activeSelectionBackground, #04395e));
+	color: var(--vscode-editorSuggestWidget-selectedForeground, var(--vscode-list-activeSelectionForeground, #ffffff));
+	outline: 1px solid var(--vscode-editorSuggestWidget-focusOutline, var(--vscode-contrastActiveBorder, transparent));
+	outline-offset: -1px;
+}
+
+.md-suggest-widget .md-suggest-label,
+.md-suggest-widget .md-suggest-detail,
+.md-suggest-widget .md-suggest-icon {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.md-suggest-widget .md-suggest-label {
+	flex: 0 1 auto;
+}
+
+.md-suggest-widget .md-suggest-detail {
+	display: none;
+	flex: 0 1 auto;
+	margin-left: auto;
+	padding-left: 1.1em;
+	font-size: 85%;
+}
+
+.md-suggest-widget .md-suggest-row[aria-selected="true"] .md-suggest-detail {
+	display: inline;
+}
+
+.md-suggest-widget .md-suggest-icon {
+	flex: 0 0 16px;
+	width: 16px;
+	margin-right: 4px;
+	font-size: 16px;
+}
+
+.md-suggest-widget .md-suggest-row[aria-selected="true"] .md-suggest-icon {
+	color: var(--vscode-editorSuggestWidget-selectedIconForeground, inherit);
+}
+
+.md-suggest-widget .md-suggest-match {
+	font-weight: bold;
+	color: var(--vscode-editorSuggestWidget-highlightForeground, inherit);
+}
+
+.md-suggest-widget .md-suggest-row[aria-selected="true"] .md-suggest-match {
+	color: var(--vscode-editorSuggestWidget-focusHighlightForeground, inherit);
+}
+
+.md-suggest-widget .md-suggest-message {
+	padding: 4px 10px 4px 22px;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+}
+
+.md-suggest-widget[data-state="error"] .md-suggest-message {
+	color: var(--vscode-errorForeground, #f48771);
+}