Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
Path: blob/main/src/vs/editor/contrib/stickyScroll/browser/stickyScroll.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
.monaco-editor .sticky-widget {
7
overflow: hidden;
8
border-bottom: 1px solid var(--vscode-editorStickyScroll-border);
9
width: 100%;
10
box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px;
11
z-index: 4;
12
right: initial !important;
13
margin-left: '0px';
14
}
15
16
.monaco-editor .sticky-widget .sticky-widget-line-numbers {
17
float: left;
18
background-color: var(--vscode-editorStickyScrollGutter-background);
19
}
20
21
.monaco-editor .sticky-widget.peek .sticky-widget-line-numbers {
22
background-color: var(--vscode-peekViewEditorStickyScrollGutter-background);
23
}
24
25
.monaco-editor .sticky-widget .sticky-widget-lines-scrollable {
26
display: inline-block;
27
position: absolute;
28
overflow: hidden;
29
width: var(--vscode-editorStickyScroll-scrollableWidth);
30
background-color: var(--vscode-editorStickyScroll-background);
31
}
32
33
.monaco-editor .sticky-widget.peek .sticky-widget-lines-scrollable {
34
background-color: var(--vscode-peekViewEditorStickyScroll-background);
35
}
36
37
.monaco-editor .sticky-widget .sticky-widget-lines {
38
position: absolute;
39
background-color: inherit;
40
}
41
42
.monaco-editor .sticky-widget .sticky-line-number,
43
.monaco-editor .sticky-widget .sticky-line-content {
44
color: var(--vscode-editorLineNumber-foreground);
45
white-space: nowrap;
46
display: inline-block;
47
position: absolute;
48
background-color: inherit;
49
}
50
51
.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-expanded,
52
.monaco-editor .sticky-widget .sticky-line-number .codicon-folding-collapsed {
53
float: right;
54
transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
55
position: absolute;
56
margin-left: 2px;
57
}
58
59
.monaco-editor .sticky-widget .sticky-line-content {
60
width: var(--vscode-editorStickyScroll-scrollableWidth);
61
background-color: inherit;
62
white-space: nowrap;
63
}
64
65
.monaco-editor .sticky-widget .sticky-line-number-inner {
66
display: inline-block;
67
text-align: right;
68
}
69
70
.monaco-editor .sticky-widget .sticky-line-content:hover {
71
background-color: var(--vscode-editorStickyScrollHover-background);
72
cursor: pointer;
73
}
74
75