Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/workbench/browser/parts/notifications/media/notificationsCenter.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 > .notifications-center {

7
	position: absolute;

8
	z-index: 1000;

9
	right: 7px; /* attempt to position at same location as a toast */

10
	bottom: 29px; /* 22px status bar height + 7px (attempt to position at same location as a toast) */

11
	display: none;

12
	overflow: hidden;

13
	border-radius: 4px;

14
}

15


16
.monaco-workbench.nostatusbar > .notifications-center {

17
	bottom: 11px; /* attempt to position at same location as a toast */

18
}

19


20
.monaco-workbench > .notifications-center.visible {

21
	display: block;

22
}

23


24
/* Header */

25


26
.monaco-workbench > .notifications-center > .notifications-center-header {

27
	display: flex;

28
	align-items: center;

29
	padding-left: 8px;

30
	padding-right: 5px;

31
	height: 35px;

32
}

33


34
.monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-title {

35
	text-transform: uppercase;

36
	font-size: 11px;

37
}

38


39
.monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-toolbar {

40
	flex: 1;

41
}

42


43
.monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-toolbar .actions-container {

44
	justify-content: flex-end;

45
}

46


47
.monaco-workbench > .notifications-center .notifications-list-container .monaco-list-row:not(:last-child) > .notification-list-item {

48
	border-bottom: 1px solid var(--vscode-notifications-border);

49
}

50


51
.monaco-workbench > .notifications-center .notifications-list-container .monaco-list-row:last-child {

52
	border-radius: 0px 0px 4px 4px; /* adopt the border radius at the end of the notifications center */

53
}

54


55
/* Icons */

56


57
.monaco-workbench > .notifications-center .codicon.codicon-error {

58
	color: var(--vscode-notificationsErrorIcon-foreground) !important;

59
}

60


61
.monaco-workbench > .notifications-center .codicon.codicon-warning {

62
	color: var(--vscode-notificationsWarningIcon-foreground) !important;

63
}

64


65
.monaco-workbench > .notifications-center .codicon.codicon-info {

66
	color: var(--vscode-notificationsInfoIcon-foreground) !important;

67
}

68


69