Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/workbench/contrib/notebook/browser/media/notebookCellInsertToolbar.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-workbench .notebookOverlay .cell-list-top-cell-toolbar-container {

7
	padding-top: 1px !important;

8
}

9


10
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container.emptyNotebook {

11
	opacity: 1 !important;

12
}

13


14
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container,

15
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container {

16
	position: absolute;

17
	display: flex;

18
	justify-content: center;

19
	z-index: var(--z-index-notebook-cell-bottom-toolbar-container);

20
	width: calc(100% - 32px);

21
	opacity: 0;

22
	padding: 0;

23
	margin: 0 16px 0 16px;

24
}

25


26
.monaco-workbench:not(.reduce-motion) .notebookOverlay .cell-list-top-cell-toolbar-container,

27
.monaco-workbench:not(.reduce-motion) .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container {

28
	transition: opacity 0.3s ease-in-out;

29
}

30


31
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container {

32
	top: 0px;

33
	height: 33px;

34
}

35


36
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image .cell-bottom-toolbar-container {

37
	display: none;

38
}

39


40
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container:focus-within,

41
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container:hover,

42
.monaco-workbench .notebookOverlay.notebook-editor-editable > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container:hover,

43
.monaco-workbench .notebookOverlay.notebook-editor-editable > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container:focus-within {

44
	opacity: 1;

45
}

46


47
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-toolbar {

48
	margin-top: 3px; /* This is the minimum to keep the top edge from being cut off at the top of the editor */

49
}

50


51
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-toolbar .action-item,

52
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-toolbar .action-item {

53
	display: flex;

54
}

55


56
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-toolbar .action-item.active,

57
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-toolbar .action-item.active {

58
	transform: none;

59
}

60


61
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-toolbar .action-label,

62
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-toolbar .action-label {

63
	font-size: 12px;

64
	margin: 0px;

65
	display: inline-flex;

66
	padding: 0px 4px;

67
	border-radius: 0;

68
	align-items: center;

69
}

70


71
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-toolbar .action-label .codicon,

72
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-toolbar .action-label .codicon {

73
	margin-right: 3px;

74
}

75


76
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .monaco-action-bar,

77
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .monaco-action-bar {

78
	display: flex;

79
	align-items: center;

80
}

81


82
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container .action-item,

83
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container .action-item {

84
	margin-left: 8px;

85
	margin-right: 8px;

86
}

87


88
.monaco-workbench .notebookOverlay .cell-list-top-cell-toolbar-container span.codicon,

89
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container span.codicon {

90
	text-align: center;

91
	font-size: 14px;

92
}

93


94