Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/editor/contrib/floatingMenu/browser/floatingMenu.css
5221 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
.floating-menu-overlay-widget {

7
	padding: 2px 4px;

8
	color: var(--vscode-foreground);

9
	background-color: var(--vscode-editorWidget-background);

10
	border-radius: 6px;

11
	border: 1px solid var(--vscode-contrastBorder);

12
	display: flex;

13
	align-items: center;

14
	justify-content: center;

15
	gap: 4px;

16
	z-index: 10;

17
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);

18
	overflow: hidden;

19


20
	.actions-container {

21
		gap: 4px;

22
	}

23


24
	.action-item > .action-label {

25
		padding: 4px 6px;

26
		font-size: 11px;

27
		line-height: 14px;

28
		border-radius: 4px;

29
	}

30


31
	.action-item > .action-label.codicon:not(.separator) {

32
		color: var(--vscode-foreground);

33
		width: 22px;

34
		height: 22px;

35
		padding: 0;

36
		font-size: 16px;

37
		line-height: 22px;

38
		display: flex;

39
		align-items: center;

40
		justify-content: center;

41
	}

42


43
	.action-item.primary > .action-label,

44
	.action-item.primary > .action-label.action-label.codicon:not(.separator) {

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

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

47
	}

48


49
	.action-item.primary > .action-label:hover {

50
		background-color: var(--vscode-button-hoverBackground) !important;

51
	}

52
}

53


54