Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/base/browser/ui/scrollbar/media/scrollbars.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
/* Arrows */

7
.monaco-scrollable-element > .scrollbar > .scra {

8
	cursor: pointer;

9
	font-size: 11px !important;

10
}

11


12
.monaco-scrollable-element > .visible {

13
	opacity: 1;

14


15
	/* Background rule added for IE9 - to allow clicks on dom node */

16
	background:rgba(0,0,0,0);

17


18
	transition: opacity 100ms linear;

19
	/* In front of peek view */

20
	z-index: 11;

21
}

22
.monaco-scrollable-element > .invisible {

23
	opacity: 0;

24
	pointer-events: none;

25
}

26
.monaco-scrollable-element > .invisible.fade {

27
	transition: opacity 800ms linear;

28
}

29


30
/* Scrollable Content Inset Shadow */

31
.monaco-scrollable-element > .shadow {

32
	position: absolute;

33
	display: none;

34
}

35
.monaco-scrollable-element > .shadow.top {

36
	display: block;

37
	top: 0;

38
	left: 3px;

39
	height: 3px;

40
	width: 100%;

41
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;

42
}

43
.monaco-scrollable-element > .shadow.left {

44
	display: block;

45
	top: 3px;

46
	left: 0;

47
	height: 100%;

48
	width: 3px;

49
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;

50
}

51
.monaco-scrollable-element > .shadow.top-left-corner {

52
	display: block;

53
	top: 0;

54
	left: 0;

55
	height: 3px;

56
	width: 3px;

57
}

58
.monaco-scrollable-element > .shadow.top.left {

59
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;

60
}

61


62
.monaco-scrollable-element > .scrollbar > .slider {

63
	background: var(--vscode-scrollbarSlider-background);

64
}

65


66
.monaco-scrollable-element > .scrollbar > .slider:hover {

67
	background: var(--vscode-scrollbarSlider-hoverBackground);

68
}

69


70
.monaco-scrollable-element > .scrollbar > .slider.active {

71
	background: var(--vscode-scrollbarSlider-activeBackground);

72
}

73


74