Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/sessions/contrib/policyBlocked/browser/media/sessionsPolicyBlocked.css
13405 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
.sessions-policy-blocked-overlay {

7
	position: absolute;

8
	inset: 0;

9
	z-index: 200;

10
	display: flex;

11
	align-items: center;

12
	justify-content: center;

13
	background: var(--vscode-editor-background);

14
}

15


16
/* Hide titlebar actions while policy-blocked */

17
.monaco-workbench:has(.sessions-policy-blocked-overlay) .part.titlebar .titlebar-right {

18
	visibility: hidden;

19
}

20


21
.sessions-policy-blocked-card {

22
	display: flex;

23
	flex-direction: column;

24
	align-items: center;

25
	text-align: center;

26
	gap: 12px;

27
	max-width: 420px;

28
	padding: 32px;

29
}

30


31
.sessions-policy-blocked-card .sessions-policy-blocked-logo {

32
	width: 64px;

33
	height: 64px;

34
	background-image: url('../../../../browser/media/sessions-logo-light.svg');

35
	background-size: contain;

36
	background-repeat: no-repeat;

37
	background-position: center;

38
	opacity: 0.4;

39
}

40


41
.vs .sessions-policy-blocked-card .sessions-policy-blocked-logo,

42
.hc-light .sessions-policy-blocked-card .sessions-policy-blocked-logo {

43
	background-image: url('../../../../browser/media/sessions-logo-dark.svg');

44
}

45


46
.sessions-policy-blocked-card h2 {

47
	margin: 0;

48
	font-size: 22px;

49
	font-weight: 600;

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

51
}

52


53
.sessions-policy-blocked-card p {

54
	margin: 0;

55
	font-size: 13px;

56
	color: var(--vscode-descriptionForeground);

57
	line-height: 1.5;

58
}

59


60
.sessions-policy-blocked-card .sessions-policy-blocked-link {

61
	color: var(--vscode-textLink-foreground);

62
	cursor: pointer;

63
	text-decoration: none;

64
}

65


66
.sessions-policy-blocked-card .sessions-policy-blocked-link:hover {

67
	text-decoration: underline;

68
}

69


70
/* Progress bar for transient loading state */

71
.sessions-policy-blocked-card .sessions-policy-blocked-progress-bar {

72
	width: 100%;

73
	height: 3px;

74
	background: color-mix(in srgb, var(--vscode-foreground) 10%, transparent);

75
	border-radius: 2px;

76
	overflow: hidden;

77
	margin-top: 16px;

78
}

79


80
.sessions-policy-blocked-card .sessions-policy-blocked-progress-bar-fill {

81
	width: 30%;

82
	height: 100%;

83
	background: var(--vscode-progressBar-background, #0078d4);

84
	border-radius: 2px;

85
	animation: sessions-policy-blocked-progress 2s ease-in-out infinite;

86
}

87


88
@keyframes sessions-policy-blocked-progress {

89
	0% { transform: translateX(0%); }

90
	50% { transform: translateX(233%); }

91
	100% { transform: translateX(0%); }

92
}

93


94
/* Approved organizations list */

95
.sessions-policy-blocked-card .sessions-policy-blocked-orgs {

96
	text-align: center;

97
}

98


99
.sessions-policy-blocked-card .sessions-policy-blocked-orgs-label {

100
	margin: 0 0 4px 0;

101
	font-size: 12px;

102
	font-weight: 600;

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

104
}

105


106
.sessions-policy-blocked-card .sessions-policy-blocked-orgs ul {

107
	margin: 0;

108
	padding: 0;

109
	list-style: none;

110
}

111


112
.sessions-policy-blocked-card .sessions-policy-blocked-orgs li {

113
	font-size: 12px;

114
	color: var(--vscode-descriptionForeground);

115
	line-height: 1.6;

116
}

117


118
.sessions-policy-blocked-card .sessions-policy-blocked-footer {

119
	font-size: 12px;

120
}

121


122
.sessions-policy-blocked-card .monaco-button {

123
	margin-top: 4px;

124
	width: auto;

125
}

126


127