CoCalc -- accountWidget.css

GitHub Repository: microsoft/vscode
Path: blob/main/src/vs/sessions/contrib/accountMenu/browser/media/accountWidget.css
¹³⁴⁰⁵ 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 .part.sidebar > .sidebar-footer .account-widget {
7
	display: flex;
8
	align-items: center;
9
	gap: 4px;
10
	width: 100%;
11
	min-width: 0;
12
}
13

14
.account-widget {
15
	display: flex;
16
	align-items: center;
17
	gap: 4px;
18
	width: 100%;
19
	min-width: 0;
20
}
21

22
/* Hide the default action-label rendered by the toolbar — the account widget provides its own button */
23
.account-widget > .action-label {
24
	display: none;
25
}
26

27
/* Account Button */
28
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-account {
29
	overflow: hidden;
30
	min-width: 0;
31
	flex: 1;
32
}
33

34
.account-widget-account {
35
	overflow: hidden;
36
	min-width: 0;
37
	flex: 1;
38
}
39

40
/* Update Button */
41
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-update {
42
	flex: 0 0 auto;
43
	width: fit-content;
44
	min-width: 0;
45
	overflow: hidden;
46
}
47

48
.account-widget-update {
49
	flex: 0 0 auto;
50
	width: fit-content;
51
	min-width: 0;
52
	overflow: hidden;
53
}
54

55
.account-widget-update:has(.account-widget-update-button.hidden) {
56
	display: none;
57
}
58

59
/* Copilot Status Button */
60
.account-widget-copilot-status {
61
	flex: 0 0 auto;
62
	width: fit-content;
63
	min-width: 0;
64
	overflow: hidden;
65
}
66

67
.account-widget-copilot-status.hidden {
68
	display: none;
69
}
70

71
.account-widget-copilot-status .account-widget-copilot-status-button {
72
	width: auto;
73
	max-width: none;
74
	padding: 4px 6px;
75
}
76

77
/* Chat status dashboard shown from sidebar footer */
78
.monaco-hover .chat-status-bar-entry-tooltip {
79
	font-size: 12px;
80
	max-width: 320px;
81
	padding: 4px 6px;
82
	overflow: hidden;
83
}
84

85
.monaco-hover .chat-status-bar-entry-tooltip div.header {
86
	font-size: 12px;
87
	margin-bottom: 6px;
88
	overflow: hidden;
89
	text-overflow: ellipsis;
90
	white-space: nowrap;
91
}
92

93
.monaco-hover .chat-status-bar-entry-tooltip div.description {
94
	font-size: 11px;
95
	overflow: hidden;
96
	text-overflow: ellipsis;
97
	white-space: nowrap;
98
}
99

100
.monaco-hover .chat-status-bar-entry-tooltip hr {
101
	margin-top: 10px;
102
	margin-bottom: 10px;
103
}
104

105
.monaco-hover .chat-status-bar-entry-tooltip .quota-indicator {
106
	margin-bottom: 4px;
107
}
108

109
.monaco-hover .chat-status-bar-entry-tooltip .contribution .body {
110
	font-size: 11px;
111
	overflow: hidden;
112
	min-width: 0;
113
}
114

115
.monaco-hover .chat-status-bar-entry-tooltip .contribution .body .description,
116
.monaco-hover .chat-status-bar-entry-tooltip .contribution .body .detail-item {
117
	overflow: hidden;
118
	text-overflow: ellipsis;
119
	white-space: nowrap;
120
	min-width: 0;
121
}
122

123
/* Chat status dashboard embedded in the agents-app titlebar account panel */
124
.sessions-account-titlebar-panel-content .chat-status-bar-entry-tooltip {
125
	max-width: 360px;
126
	padding: 2px 0 4px 0;
127
}
128

129
.sessions-account-titlebar-panel-content .chat-status-bar-entry-tooltip div.header {
130
	padding: 8px 10px 8px 8px;
131
}
132

133
.sessions-account-titlebar-panel-content .chat-status-bar-entry-tooltip .quota-indicator .quota-title {
134
	font-size: 12px;
135
	margin-bottom: 0;
136
	color: var(--vscode-foreground);
137
}
138

139
.sessions-account-titlebar-panel-content .chat-status-bar-entry-tooltip .collapsible-inner {
140
	padding-top: 0;
141
}
142

143
.sessions-account-titlebar-panel-content .chat-status-bar-entry-tooltip .contribution .header {
144
	padding: 0 10px 0 8px;
145
	margin-bottom: 0;
146
	line-height: 18px;
147
	color: var(--vscode-descriptionForeground);
148
}
149

150
.sessions-account-titlebar-panel-content .chat-status-bar-entry-tooltip div.header .monaco-action-bar {
151
	color: var(--vscode-foreground);
152
}
153

154
.sessions-account-titlebar-panel-content .chat-status-bar-entry-tooltip .contribution .body {
155
	padding: 0 10px 0 8px;
156
	line-height: 16px;
157
	color: var(--vscode-descriptionForeground);
158
}
159

160
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-update .account-widget-update-button {
161
	width: auto;
162
	max-width: none;
163
}
164

165
.account-widget-update .account-widget-update-button {
166
	width: auto;
167
	max-width: none;
168
}
169

170
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-update .account-widget-update-button.account-widget-update-button-ready {
171
	background-color: var(--vscode-button-background) !important;
172
	color: var(--vscode-button-foreground) !important;
173
}
174

175
.account-widget-update .account-widget-update-button.account-widget-update-button-ready {
176
	background-color: var(--vscode-button-background) !important;
177
	color: var(--vscode-button-foreground) !important;
178
}
179

180
/* Boxed hint style for embedded app update indicator — outlined, no fill */
181
.account-widget-update .account-widget-update-button.account-widget-update-button-hint {
182
	background-color: transparent !important;
183
	color: var(--vscode-button-background) !important;
184
	border: 1px solid var(--vscode-button-background) !important;
185
}
186

187
.account-widget-update .account-widget-update-button.account-widget-update-button-hint:hover {
188
	background-color: color-mix(in srgb, var(--vscode-button-background) 20%, transparent) !important;
189
}
190

191
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-update .account-widget-update-button.account-widget-update-button-ready:hover {
192
	background-color: var(--vscode-button-background) !important;
193
}
194

195
.account-widget-update .account-widget-update-button.account-widget-update-button-ready:hover {
196
	background-color: var(--vscode-button-background) !important;
197
}
198

199
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-update .account-widget-update-button.account-widget-update-button-ready:focus {
200
	background-color: var(--vscode-button-background) !important;
201
}
202

203
.account-widget-update .account-widget-update-button.account-widget-update-button-ready:focus {
204
	background-color: var(--vscode-button-background) !important;
205
}
206

207
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-update .account-widget-update-button.hidden {
208
	display: none;
209
}
210

211
.account-widget-update .account-widget-update-button.hidden {
212
	display: none;
213
}
214

215
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-account .account-widget-account-button {
216
	overflow: hidden;
217
	text-overflow: ellipsis;
218
	min-width: 0;
219
	font-weight: 500;
220
}
221

222
.account-widget-account .account-widget-account-button {
223
	overflow: hidden;
224
	text-overflow: ellipsis;
225
	min-width: 0;
226
}
227

228
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-account .account-widget-account-button > .codicon {
229
	flex: 0 0 auto;
230
}
231

232
.account-widget-account .account-widget-account-button > .codicon {
233
	flex: 0 0 auto;
234
}
235

236
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-account .account-widget-account-button > span:last-child {
237
	flex: 1;
238
	min-width: 0;
239
	overflow: hidden;
240
	text-overflow: ellipsis;
241
	white-space: nowrap;
242
}
243

244
.account-widget-account .account-widget-account-button > span:last-child {
245
	flex: 1;
246
	min-width: 0;
247
	overflow: hidden;
248
	text-overflow: ellipsis;
249
	white-space: nowrap;
250
}
251

252
.monaco-workbench .part.sidebar > .sidebar-footer .account-widget-account .account-widget-account-button > .monaco-button-label {
253
	display: block;
254
	width: 100%;
255
	overflow: hidden;
256
	text-overflow: ellipsis;
257
	white-space: nowrap;
258
	min-width: 0;
259
}
260

261
.account-widget-account .account-widget-account-button > .monaco-button-label {
262
	display: block;
263
	width: 100%;
264
	overflow: hidden;
265
	text-overflow: ellipsis;
266
	white-space: nowrap;
267
	min-width: 0;
268
}
269

270
Product

Resources

Company
