Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
Path: blob/main/src/vs/editor/contrib/hover/browser/hover.css
4779 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
.monaco-editor .hoverHighlight {
7
background-color: var(--vscode-editor-hoverHighlightBackground);
8
}
9
10
.monaco-editor .monaco-resizable-hover {
11
border: 1px solid var(--vscode-editorHoverWidget-border);
12
border-radius: 3px;
13
box-sizing: content-box;
14
}
15
16
.monaco-editor .monaco-resizable-hover > .monaco-hover {
17
border: none;
18
border-radius: unset;
19
}
20
21
.monaco-editor .monaco-hover {
22
border: 1px solid var(--vscode-editorHoverWidget-border);
23
border-radius: 3px;
24
color: var(--vscode-editorHoverWidget-foreground);
25
background-color: var(--vscode-editorHoverWidget-background);
26
}
27
28
.monaco-editor .monaco-hover a {
29
color: var(--vscode-textLink-foreground);
30
}
31
32
.monaco-editor .monaco-hover a:hover {
33
color: var(--vscode-textLink-activeForeground);
34
}
35
36
.monaco-editor .monaco-hover .hover-row {
37
display: flex;
38
}
39
40
.monaco-editor .monaco-hover .hover-row.hover-row-with-copy {
41
position: relative;
42
padding-right: 20px;
43
}
44
45
.monaco-editor .monaco-hover .hover-row .hover-row-contents {
46
min-width: 0;
47
display: flex;
48
flex-direction: column;
49
}
50
51
.monaco-editor .monaco-hover .hover-row .verbosity-actions {
52
border-right: 1px solid var(--vscode-editorHoverWidget-border);
53
width: 22px;
54
overflow-y: clip;
55
}
56
57
.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner {
58
display: flex;
59
flex-direction: column;
60
padding-left: 5px;
61
padding-right: 5px;
62
justify-content: flex-end;
63
position: relative;
64
}
65
66
.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon {
67
cursor: pointer;
68
font-size: 11px;
69
}
70
71
.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.enabled {
72
color: var(--vscode-textLink-foreground);
73
}
74
75
.monaco-editor .monaco-hover .hover-row .verbosity-actions-inner .codicon.disabled {
76
opacity: 0.6;
77
}
78
79
.monaco-editor .monaco-hover .hover-row .actions {
80
background-color: var(--vscode-editorHoverWidget-statusBarBackground);
81
}
82
83
.monaco-editor .monaco-hover code {
84
background-color: var(--vscode-textCodeBlock-background);
85
}
86
87
.monaco-editor .monaco-hover .hover-copy-button {
88
position: absolute;
89
top: 4px;
90
right: 4px;
91
padding: 2px 4px;
92
border-radius: 3px;
93
display: flex;
94
align-items: center;
95
justify-content: center;
96
opacity: 0;
97
}
98
99
.monaco-editor .monaco-hover .hover-row-with-copy:hover .hover-copy-button,
100
.monaco-editor .monaco-hover .hover-row-with-copy:focus-within .hover-copy-button {
101
opacity: 1;
102
}
103
104
.monaco-editor .monaco-hover .hover-copy-button:hover {
105
background-color: var(--vscode-toolbar-hoverBackground);
106
cursor: pointer;
107
}
108
109
.monaco-editor .monaco-hover .hover-copy-button:focus {
110
outline: 1px solid var(--vscode-focusBorder);
111
outline-offset: -1px;
112
}
113
114
.monaco-editor .monaco-hover .hover-copy-button .codicon {
115
font-size: 16px;
116
color: var(--vscode-foreground);
117
}
118
119