Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/workbench/contrib/chat/browser/media/simpleBrowserOverlay.css
3296 views
1
/*---------------------------------------------------------------------------------------------

2
 *  Copyright (c) Microsoft Corporation. All rights reserved.

3
 *  Licensed under the MIT License. See License.txt in the project root for license information.

4
 *--------------------------------------------------------------------------------------------*/

5


6
.element-selection-message,

7
.element-expand-container,

8
.connecting-webview-element {

9
	position: absolute;

10
	bottom: 10px;

11
	right: 10px;

12
	padding: 0px 10px;

13
	background: var(--vscode-notifications-background);

14
	color: var(--vscode-notifications-foreground);

15
	border-radius: 4px;

16
	font-size: 12px;

17
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

18
	display: flex;

19
	align-items: center;

20
	gap: 8px;

21
	width: max-content;

22
	z-index: 1;

23
	height: 42px;

24
}

25


26
.element-selection-message {

27
	bottom: 10px;

28
	right: 10px;

29
}

30


31
.element-expand-container,

32
.connecting-webview-element {

33
	bottom: 15px;

34
	right: 15px;

35
}

36


37
.element-selection-cancel {

38
	padding: 2px 8px;

39
	width: fit-content;

40
}

41


42
.element-selection-message .monaco-button-dropdown > .monaco-button.monaco-text-button {

43
	height: 24px;

44
	align-content: center;

45
	padding: 0px 5px;

46
}

47


48
.element-selection-message .monaco-button.codicon.codicon-close,

49
.element-expand-container .monaco-button.codicon.codicon-layout,

50
.element-selection-message .monaco-button.codicon.codicon-chevron-right,

51
.element-selection-message .monaco-button.codicon.codicon-gear {

52
	width: 17px;

53
	height: 17px;

54
	padding: 2px 2px;

55
	display: flex;

56
	align-items: center;

57
	justify-content: center;

58
	font-size: 16px;

59
	color: var(--vscode-descriptionForeground);

60
	border: none;

61
	outline: none;

62
	padding: 0;

63
	border-radius: 5px;

64
	cursor: pointer;

65
}

66


67
.element-selection .monaco-button {

68
	height: 17px;

69
	width: fit-content;

70
	padding: 2px 6px;

71
	font-size: 11px;

72
	background-color: var(--vscode-button-background);

73
	border: 1px solid var(--vscode-button-border);

74
	color: var(--vscode-button-foreground);

75
}

76


77
.element-selection-message .monaco-button:hover,

78
.element-expand-container .monaco-button:hover {

79
	background-color: var(--vscode-toolbar-hoverBackground);

80
}

81


82
.element-selection-message .hidden,

83
.element-expand-container.hidden,

84
.element-selection-message.hidden {

85
	display: none !important;

86
}

87


88