@codingame/monaco-vscode-update-service-override 28.4.0 → 29.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/package.json +2 -2
  2. package/vscode/src/vs/platform/update/common/update.config.contribution.js +39 -20
  3. package/vscode/src/vs/workbench/contrib/markdown/browser/markdownSettingRenderer.js +14 -14
  4. package/vscode/src/vs/workbench/contrib/update/browser/media/updateStatusBarEntry.css +0 -133
  5. package/vscode/src/vs/workbench/contrib/update/browser/media/updateTitleBarEntry.css +109 -0
  6. package/vscode/src/vs/workbench/contrib/update/browser/media/updateTooltip.css +159 -0
  7. package/vscode/src/vs/workbench/contrib/update/browser/releaseNotesEditor.d.ts +22 -1
  8. package/vscode/src/vs/workbench/contrib/update/browser/releaseNotesEditor.js +32 -14
  9. package/vscode/src/vs/workbench/contrib/update/browser/update.contribution.js +19 -17
  10. package/vscode/src/vs/workbench/contrib/update/browser/update.d.ts +5 -1
  11. package/vscode/src/vs/workbench/contrib/update/browser/update.js +132 -94
  12. package/vscode/src/vs/workbench/contrib/update/browser/updateStatusBarEntry.d.ts +9 -55
  13. package/vscode/src/vs/workbench/contrib/update/browser/updateStatusBarEntry.js +64 -395
  14. package/vscode/src/vs/workbench/contrib/update/browser/updateTitleBarEntry.d.ts +58 -0
  15. package/vscode/src/vs/workbench/contrib/update/browser/updateTitleBarEntry.js +319 -0
  16. package/vscode/src/vs/workbench/contrib/update/browser/updateTooltip.d.ts +66 -0
  17. package/vscode/src/vs/workbench/contrib/update/browser/updateTooltip.js +429 -0
  18. package/vscode/src/vs/workbench/contrib/update/common/updateUtils.d.ts +61 -0
  19. package/vscode/src/vs/workbench/contrib/update/common/updateUtils.js +141 -0
  20. package/vscode/src/vs/workbench/contrib/update/browser/media/releasenoteseditor.css +0 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codingame/monaco-vscode-update-service-override",
3
- "version": "28.4.0",
3
+ "version": "29.0.0",
4
4
  "private": false,
5
5
  "description": "VSCode public API plugged on the monaco editor - update service-override",
6
6
  "keywords": [],
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "type": "module",
17
17
  "dependencies": {
18
- "@codingame/monaco-vscode-api": "28.4.0"
18
+ "@codingame/monaco-vscode-api": "29.0.0"
19
19
  },
20
20
  "main": "index.js",
21
21
  "module": "index.js",
@@ -3,13 +3,14 @@ import { isWindows, isWeb } from '@codingame/monaco-vscode-api/vscode/vs/base/co
3
3
  import { PolicyCategory } from '@codingame/monaco-vscode-api/vscode/vs/base/common/policy';
4
4
  import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
5
5
  import { Extensions, ConfigurationScope } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configurationRegistry';
6
+ import product from '@codingame/monaco-vscode-api/vscode/vs/platform/product/common/product';
6
7
  import { Registry } from '@codingame/monaco-vscode-api/vscode/vs/platform/registry/common/platform';
7
8
 
8
9
  const configurationRegistry = ( Registry.as(Extensions.Configuration));
9
10
  configurationRegistry.registerConfiguration({
10
11
  id: "update",
11
12
  order: 15,
12
- title: ( localize(2484, "Update")),
13
+ title: ( localize(2490, "Update")),
13
14
  type: "object",
14
15
  properties: {
15
16
  "update.mode": {
@@ -18,18 +19,18 @@ configurationRegistry.registerConfiguration({
18
19
  default: "default",
19
20
  scope: ConfigurationScope.APPLICATION,
20
21
  description: ( localize(
21
- 2485,
22
+ 2491,
22
23
  "Configure whether you receive automatic updates. Requires a restart after change. The updates are fetched from a Microsoft online service."
23
24
  )),
24
25
  tags: ["usesOnlineServices"],
25
- enumDescriptions: [( localize(2486, "Disable updates.")), ( localize(
26
- 2487,
26
+ enumDescriptions: [( localize(2492, "Disable updates.")), ( localize(
27
+ 2493,
27
28
  "Disable automatic background update checks. Updates will be available if you manually check for updates."
28
29
  )), ( localize(
29
- 2488,
30
+ 2494,
30
31
  "Check for updates only on startup. Disable automatic background update checks."
31
32
  )), ( localize(
32
- 2489,
33
+ 2495,
33
34
  "Enable automatic update checks. Code will check for updates automatically and periodically."
34
35
  ))],
35
36
  policy: {
@@ -40,29 +41,29 @@ configurationRegistry.registerConfiguration({
40
41
  description: {
41
42
  key: "updateMode",
42
43
  value: ( localize(
43
- 2485,
44
+ 2491,
44
45
  "Configure whether you receive automatic updates. Requires a restart after change. The updates are fetched from a Microsoft online service."
45
46
  ))
46
47
  },
47
48
  enumDescriptions: [{
48
49
  key: "none",
49
- value: ( localize(2486, "Disable updates."))
50
+ value: ( localize(2492, "Disable updates."))
50
51
  }, {
51
52
  key: "manual",
52
53
  value: ( localize(
53
- 2487,
54
+ 2493,
54
55
  "Disable automatic background update checks. Updates will be available if you manually check for updates."
55
56
  ))
56
57
  }, {
57
58
  key: "start",
58
59
  value: ( localize(
59
- 2488,
60
+ 2494,
60
61
  "Check for updates only on startup. Disable automatic background update checks."
61
62
  ))
62
63
  }, {
63
64
  key: "default",
64
65
  value: ( localize(
65
- 2489,
66
+ 2495,
66
67
  "Enable automatic update checks. Code will check for updates automatically and periodically."
67
68
  ))
68
69
  }]
@@ -74,11 +75,11 @@ configurationRegistry.registerConfiguration({
74
75
  default: "default",
75
76
  scope: ConfigurationScope.APPLICATION,
76
77
  description: ( localize(
77
- 2485,
78
+ 2491,
78
79
  "Configure whether you receive automatic updates. Requires a restart after change. The updates are fetched from a Microsoft online service."
79
80
  )),
80
81
  deprecationMessage: ( localize(
81
- 2490,
82
+ 2496,
82
83
  "This setting is deprecated, please use '{0}' instead.",
83
84
  "update.mode"
84
85
  ))
@@ -87,9 +88,9 @@ configurationRegistry.registerConfiguration({
87
88
  type: "boolean",
88
89
  default: true,
89
90
  scope: ConfigurationScope.APPLICATION,
90
- title: ( localize(2491, "Enable Background Updates")),
91
+ title: ( localize(2497, "Enable Background Updates")),
91
92
  description: ( localize(
92
- 2492,
93
+ 2498,
93
94
  "Enable to download and install new VS Code versions in the background."
94
95
  )),
95
96
  included: isWindows && !isWeb
@@ -99,7 +100,7 @@ configurationRegistry.registerConfiguration({
99
100
  default: true,
100
101
  scope: ConfigurationScope.APPLICATION,
101
102
  description: ( localize(
102
- 2493,
103
+ 2499,
103
104
  "Show Release Notes after an update. The Release Notes are fetched from a Microsoft online service."
104
105
  )),
105
106
  tags: ["usesOnlineServices"]
@@ -109,14 +110,32 @@ configurationRegistry.registerConfiguration({
109
110
  enum: ["hidden", "actionable", "detailed"],
110
111
  default: "detailed",
111
112
  scope: ConfigurationScope.APPLICATION,
112
- description: ( localize(2494, "Controls the visibility of the update status bar entry.")),
113
- enumDescriptions: [( localize(2495, "The status bar entry is never shown.")), ( localize(
114
- 2496,
113
+ description: ( localize(2500, "Controls the visibility of the update status bar entry.")),
114
+ enumDescriptions: [( localize(2501, "The status bar entry is never shown.")), ( localize(
115
+ 2502,
115
116
  "The status bar entry is shown when an action is required (e.g., download, install, or restart)."
116
117
  )), ( localize(
117
- 2497,
118
+ 2503,
118
119
  "The status bar entry is shown for all update states including progress."
119
120
  ))]
121
+ },
122
+ "update.titleBar": {
123
+ type: "string",
124
+ enum: ["none", "actionable", "detailed", "always"],
125
+ default: product.quality !== "stable" ? "actionable" : "none",
126
+ scope: ConfigurationScope.APPLICATION,
127
+ tags: ["experimental"],
128
+ experiment: {
129
+ mode: "startup"
130
+ },
131
+ description: ( localize(2504, "Controls the experimental update title bar entry.")),
132
+ enumDescriptions: [( localize(2505, "The title bar entry is never shown.")), ( localize(
133
+ 2506,
134
+ "The title bar entry is shown when an action is required (e.g., download, install, or restart)."
135
+ )), ( localize(
136
+ 2507,
137
+ "The title bar entry is shown for progress and actionable update states, but not for idle or disabled states."
138
+ )), ( localize(2508, "The title bar entry is shown for all update states."))]
120
139
  }
121
140
  }
122
141
  });
@@ -123,11 +123,11 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
123
123
  }
124
124
  viewInSettingsMessage(settingId, alreadyDisplayed) {
125
125
  if (alreadyDisplayed) {
126
- return localize(9938, "View in Settings");
126
+ return localize(10173, "View in Settings");
127
127
  } else {
128
128
  const displayName = settingKeyToDisplayFormat(settingId);
129
129
  return localize(
130
- 9939,
130
+ 10174,
131
131
  "View \"{0}: {1}\" in Settings",
132
132
  displayName.category,
133
133
  displayName.label
@@ -137,7 +137,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
137
137
  restorePreviousSettingMessage(settingId) {
138
138
  const displayName = settingKeyToDisplayFormat(settingId);
139
139
  return localize(
140
- 9940,
140
+ 10175,
141
141
  "Restore value of \"{0}: {1}\"",
142
142
  displayName.category,
143
143
  displayName.label
@@ -152,14 +152,14 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
152
152
  if (this.isAlreadySet(setting, booleanValue)) {
153
153
  if (booleanValue) {
154
154
  return localize(
155
- 9941,
155
+ 10176,
156
156
  "\"{0}: {1}\" is already enabled",
157
157
  displayName.category,
158
158
  displayName.label
159
159
  );
160
160
  } else {
161
161
  return localize(
162
- 9942,
162
+ 10177,
163
163
  "\"{0}: {1}\" is already disabled",
164
164
  displayName.category,
165
165
  displayName.label
@@ -167,16 +167,16 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
167
167
  }
168
168
  }
169
169
  if (booleanValue) {
170
- return localize(9943, "Enable \"{0}: {1}\"", displayName.category, displayName.label);
170
+ return localize(10178, "Enable \"{0}: {1}\"", displayName.category, displayName.label);
171
171
  } else {
172
- return localize(9944, "Disable \"{0}: {1}\"", displayName.category, displayName.label);
172
+ return localize(10179, "Disable \"{0}: {1}\"", displayName.category, displayName.label);
173
173
  }
174
174
  }
175
175
  stringSettingMessage(setting, stringValue) {
176
176
  const displayName = settingKeyToDisplayFormat(setting.key);
177
177
  if (this.isAlreadySet(setting, stringValue)) {
178
178
  return localize(
179
- 9945,
179
+ 10180,
180
180
  "\"{0}: {1}\" is already set to \"{2}\"",
181
181
  displayName.category,
182
182
  displayName.label,
@@ -184,7 +184,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
184
184
  );
185
185
  }
186
186
  return localize(
187
- 9946,
187
+ 10181,
188
188
  "Set \"{0}: {1}\" to \"{2}\"",
189
189
  displayName.category,
190
190
  displayName.label,
@@ -195,7 +195,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
195
195
  const displayName = settingKeyToDisplayFormat(setting.key);
196
196
  if (this.isAlreadySet(setting, numberValue)) {
197
197
  return localize(
198
- 9947,
198
+ 10182,
199
199
  "\"{0}: {1}\" is already set to {2}",
200
200
  displayName.category,
201
201
  displayName.label,
@@ -203,7 +203,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
203
203
  );
204
204
  }
205
205
  return localize(
206
- 9948,
206
+ 10183,
207
207
  "Set \"{0}: {1}\" to {2}",
208
208
  displayName.category,
209
209
  displayName.label,
@@ -212,7 +212,7 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
212
212
  }
213
213
  renderSetting(setting, newValue) {
214
214
  const href = this.settingToUriString(setting.key, newValue);
215
- const title = ( localize(9949, "View or change setting"));
215
+ const title = ( localize(10184, "View or change setting"));
216
216
  return `<code tabindex="0"><a href="${href}" class="codesetting" title="${title}" aria-role="button"><svg width="14" height="14" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M9.1 4.4L8.6 2H7.4l-.5 2.4-.7.3-2-1.3-.9.8 1.3 2-.2.7-2.4.5v1.2l2.4.5.3.8-1.3 2 .8.8 2-1.3.8.3.4 2.3h1.2l.5-2.4.8-.3 2 1.3.8-.8-1.3-2 .3-.8 2.3-.4V7.4l-2.4-.5-.3-.8 1.3-2-.8-.8-2 1.3-.7-.2zM9.4 1l.5 2.4L12 2.1l2 2-1.4 2.1 2.4.4v2.8l-2.4.5L14 12l-2 2-2.1-1.4-.5 2.4H6.6l-.5-2.4L4 13.9l-2-2 1.4-2.1L1 9.4V6.6l2.4-.5L2.1 4l2-2 2.1 1.4.4-2.4h2.8zm.6 7c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zM8 9c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z"/></svg>
217
217
  <span class="separator"></span>
218
218
  <span class="setting-name">${setting.key}</span>
@@ -290,8 +290,8 @@ let SimpleSettingRenderer = class SimpleSettingRenderer {
290
290
  class: undefined,
291
291
  enabled: true,
292
292
  id: "copySettingId",
293
- tooltip: ( localize(9950, "Copy Setting ID")),
294
- label: ( localize(9950, "Copy Setting ID")),
293
+ tooltip: ( localize(10185, "Copy Setting ID")),
294
+ label: ( localize(10185, "Copy Setting ID")),
295
295
  run: () => {
296
296
  this._clipboardService.writeText(settingId);
297
297
  }
@@ -7,136 +7,3 @@
7
7
  color: var(--vscode-button-background);
8
8
  font-size: 16px;
9
9
  }
10
-
11
- .update-status-tooltip {
12
- display: flex;
13
- flex-direction: column;
14
- padding: 4px 0;
15
- min-width: 310px;
16
- max-width: 410px;
17
- }
18
-
19
- /* Header with title and gear icon */
20
- .update-status-tooltip .header {
21
- display: flex;
22
- justify-content: space-between;
23
- align-items: center;
24
- margin-bottom: 12px;
25
- }
26
-
27
- .update-status-tooltip .header .title {
28
- font-weight: 600;
29
- font-size: var(--vscode-bodyFontSize);
30
- color: var(--vscode-foreground);
31
- margin-bottom: 0;
32
- }
33
-
34
- .update-status-tooltip .header .monaco-action-bar {
35
- margin-left: auto;
36
- }
37
-
38
- /* Product info section with logo */
39
- .update-status-tooltip .product-info {
40
- display: flex;
41
- gap: 12px;
42
- margin-bottom: 16px;
43
- }
44
-
45
- .update-status-tooltip .product-logo {
46
- width: 48px;
47
- height: 48px;
48
- border-radius: var(--vscode-cornerRadius-large);
49
- padding: 5px;
50
- flex-shrink: 0;
51
- background-image: url('../../../../browser/media/code-icon.svg');
52
- background-size: contain;
53
- background-position: center;
54
- background-repeat: no-repeat;
55
- }
56
-
57
- .update-status-tooltip .product-details {
58
- display: flex;
59
- flex-direction: column;
60
- justify-content: center;
61
- }
62
-
63
- .update-status-tooltip .product-name {
64
- font-weight: 600;
65
- color: var(--vscode-foreground);
66
- margin-bottom: 4px;
67
- }
68
-
69
- .update-status-tooltip .product-version,
70
- .update-status-tooltip .product-release-date {
71
- color: var(--vscode-descriptionForeground);
72
- font-size: var(--vscode-bodyFontSize-small);
73
- }
74
-
75
- .update-status-tooltip .release-notes-link {
76
- color: var(--vscode-textLink-foreground);
77
- text-decoration: none;
78
- font-size: var(--vscode-bodyFontSize-small);
79
- cursor: pointer;
80
- }
81
-
82
- .update-status-tooltip .release-notes-link:hover {
83
- color: var(--vscode-textLink-activeForeground);
84
- text-decoration: underline;
85
- }
86
-
87
- /* What's Included section */
88
- .update-status-tooltip .whats-included .section-title {
89
- font-weight: 600;
90
- color: var(--vscode-foreground);
91
- margin-bottom: 8px;
92
- }
93
-
94
- .update-status-tooltip .whats-included ul {
95
- margin: 0;
96
- padding-left: 16px;
97
- color: var(--vscode-descriptionForeground);
98
- font-size: var(--vscode-bodyFontSize-small);
99
- }
100
-
101
- .update-status-tooltip .whats-included li {
102
- margin-bottom: 2px;
103
- }
104
-
105
- /* Progress bar */
106
- .update-status-tooltip .progress-container {
107
- margin-bottom: 8px;
108
- }
109
-
110
- .update-status-tooltip .progress-bar {
111
- width: 100%;
112
- height: 4px;
113
- background-color: color-mix(in srgb, var(--vscode-progressBar-background) 30%, transparent);
114
- border-radius: var(--vscode-cornerRadius-small);
115
- overflow: hidden;
116
- }
117
-
118
- .update-status-tooltip .progress-bar .progress-fill {
119
- height: 100%;
120
- background-color: var(--vscode-progressBar-background);
121
- border-radius: var(--vscode-cornerRadius-small);
122
- transition: width 0.3s ease;
123
- }
124
-
125
- .update-status-tooltip .progress-text {
126
- display: flex;
127
- justify-content: space-between;
128
- margin-top: 4px;
129
- font-size: var(--vscode-bodyFontSize-small);
130
- color: var(--vscode-descriptionForeground);
131
- }
132
-
133
- .update-status-tooltip .progress-details {
134
- color: var(--vscode-descriptionForeground);
135
- margin-bottom: 4px;
136
- }
137
-
138
- .update-status-tooltip .speed-info,
139
- .update-status-tooltip .time-remaining {
140
- color: var(--vscode-descriptionForeground);
141
- font-size: var(--vscode-bodyFontSize-small);
142
- }
@@ -0,0 +1,109 @@
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-action-bar .update-indicator {
7
+ display: flex;
8
+ align-items: center;
9
+ border-radius: var(--vscode-cornerRadius-medium);
10
+ white-space: nowrap;
11
+ padding: 0px 12px;
12
+ height: 22px;
13
+ background-color: transparent;
14
+ border: 1px solid transparent;
15
+ }
16
+
17
+ .monaco-action-bar .update-indicator:hover {
18
+ background-color: var(--vscode-toolbar-hoverBackground);
19
+ }
20
+
21
+ .monaco-action-bar .update-indicator .indicator-label {
22
+ font-size: var(--vscode-bodyFontSize-small);
23
+ position: relative;
24
+ }
25
+
26
+ /* Prominent state (action required) — primary button style */
27
+ .monaco-action-bar .update-indicator.prominent {
28
+ background-color: var(--vscode-button-background);
29
+ color: var(--vscode-button-foreground);
30
+ border-color: var(--vscode-button-background);
31
+ }
32
+
33
+ .monaco-action-bar .update-indicator.prominent:hover {
34
+ background-color: var(--vscode-button-hoverBackground);
35
+ border-color: var(--vscode-button-hoverBackground);
36
+ }
37
+
38
+ /* Disabled state */
39
+ .monaco-action-bar .update-indicator.update-disabled .indicator-label {
40
+ color: var(--vscode-disabledForeground);
41
+ }
42
+
43
+ /* Progress underline bar (shared base) */
44
+ .monaco-action-bar .update-indicator.progress-indefinite .indicator-label::after,
45
+ .monaco-action-bar .update-indicator.progress-percent .indicator-label::after {
46
+ content: '';
47
+ position: absolute;
48
+ left: 0;
49
+ bottom: 1px;
50
+ height: 1px;
51
+ border-radius: 1px;
52
+ }
53
+
54
+ /* Progress: indefinite — animated shimmer underline */
55
+ .monaco-action-bar .update-indicator.progress-indefinite .indicator-label::after {
56
+ width: 100%;
57
+ background: linear-gradient(
58
+ 90deg,
59
+ transparent 0%,
60
+ var(--vscode-progressBar-background) 80%,
61
+ transparent 100%
62
+ );
63
+ background-size: 200% 100%;
64
+ animation: update-indicator-shimmer 1.5s ease-in-out infinite;
65
+ }
66
+
67
+ @keyframes update-indicator-shimmer {
68
+ 0% { background-position: 100% 0; }
69
+ 100% { background-position: -100% 0; }
70
+ }
71
+
72
+ /* Progress: percentage — left-to-right fill underline */
73
+ .monaco-action-bar .update-indicator.progress-percent .indicator-label::after {
74
+ width: 100%;
75
+ background: linear-gradient(
76
+ 90deg,
77
+ var(--vscode-progressBar-background) var(--update-progress, 0%),
78
+ color-mix(in srgb, var(--vscode-progressBar-background) 25%, transparent) var(--update-progress, 0%)
79
+ );
80
+ transition: background 0.3s ease;
81
+ }
82
+
83
+ /* Bounce animation — macOS dock-style bounce when prominent state appears */
84
+ .monaco-action-bar .update-indicator.prominent {
85
+ animation: update-indicator-bounce 0.6s ease;
86
+ }
87
+
88
+ @keyframes update-indicator-bounce {
89
+ 0% { transform: translateY(0); }
90
+ 20% { transform: translateY(-6px); }
91
+ 40% { transform: translateY(0); }
92
+ 55% { transform: translateY(-3px); }
93
+ 70% { transform: translateY(0); }
94
+ 85% { transform: translateY(-1px); }
95
+ 100% { transform: translateY(0); }
96
+ }
97
+
98
+ /* Reduced motion */
99
+ .monaco-workbench.monaco-reduce-motion .update-indicator.progress-indefinite .indicator-label::after {
100
+ animation: none;
101
+ }
102
+
103
+ .monaco-workbench.monaco-reduce-motion .update-indicator.progress-percent .indicator-label::after {
104
+ transition: none;
105
+ }
106
+
107
+ .monaco-workbench.monaco-reduce-motion .update-indicator.prominent {
108
+ animation: none;
109
+ }
@@ -0,0 +1,159 @@
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
+ .update-tooltip {
7
+ display: flex;
8
+ flex-direction: column;
9
+ gap: 12px;
10
+ padding: 6px 6px;
11
+ min-width: 300px;
12
+ max-width: 350px;
13
+ color: var(--vscode-descriptionForeground);
14
+ font-size: var(--vscode-bodyFontSize-small);
15
+ }
16
+
17
+ /* Header */
18
+ .update-tooltip .header {
19
+ display: flex;
20
+ justify-content: space-between;
21
+ align-items: center;
22
+ }
23
+
24
+ .update-tooltip .header .title {
25
+ font-weight: 600;
26
+ font-size: var(--vscode-bodyFontSize);
27
+ color: var(--vscode-foreground);
28
+ }
29
+
30
+ /* Product info */
31
+ .update-tooltip .product-info {
32
+ display: flex;
33
+ gap: 12px;
34
+ }
35
+
36
+ .update-tooltip .product-logo {
37
+ width: 48px;
38
+ height: 48px;
39
+ border-radius: var(--vscode-cornerRadius-large);
40
+ padding: 5px;
41
+ flex-shrink: 0;
42
+ background: url('../../../../browser/media/code-icon.svg') center / contain no-repeat;
43
+ }
44
+
45
+ .update-tooltip .product-details {
46
+ display: flex;
47
+ flex-direction: column;
48
+ justify-content: center;
49
+ }
50
+
51
+ .update-tooltip .product-name {
52
+ font-weight: 600;
53
+ color: var(--vscode-foreground);
54
+ margin-bottom: 4px;
55
+ }
56
+
57
+ .update-tooltip .product-version {
58
+ display: flex;
59
+ align-items: center;
60
+ gap: 4px;
61
+ }
62
+
63
+ .update-tooltip .copy-version-button {
64
+ cursor: pointer;
65
+ opacity: 0;
66
+ color: var(--vscode-descriptionForeground);
67
+ transition: opacity 0.1s;
68
+ margin-top: -2px;
69
+ }
70
+
71
+ .update-tooltip .product-version:hover .copy-version-button,
72
+ .update-tooltip .product-version:focus-within .copy-version-button {
73
+ opacity: 1;
74
+ }
75
+
76
+ .update-tooltip .copy-version-button:hover,
77
+ .update-tooltip .copy-version-button:focus-visible {
78
+ color: var(--vscode-foreground);
79
+ }
80
+
81
+ .update-tooltip .release-notes-link {
82
+ color: var(--vscode-textLink-foreground);
83
+ text-decoration: none;
84
+ }
85
+
86
+ .update-tooltip .release-notes-link:hover {
87
+ color: var(--vscode-textLink-activeForeground);
88
+ text-decoration: underline;
89
+ }
90
+
91
+ /* Progress bar */
92
+ .update-tooltip .progress-bar {
93
+ height: 4px;
94
+ background-color: color-mix(in srgb, var(--vscode-progressBar-background) 30%, transparent);
95
+ border-radius: var(--vscode-cornerRadius-small);
96
+ overflow: hidden;
97
+ }
98
+
99
+ .update-tooltip .progress-fill {
100
+ height: 100%;
101
+ background-color: var(--vscode-progressBar-background);
102
+ border-radius: var(--vscode-cornerRadius-small);
103
+ transition: width 0.3s ease;
104
+ }
105
+
106
+ .monaco-workbench.monaco-reduce-motion .update-tooltip .progress-fill {
107
+ transition: none;
108
+ }
109
+
110
+ .update-tooltip .progress-text,
111
+ .update-tooltip .download-stats {
112
+ display: flex;
113
+ justify-content: space-between;
114
+ }
115
+
116
+ .update-tooltip .progress-text {
117
+ margin-top: 4px;
118
+ }
119
+
120
+ .update-tooltip .state-message {
121
+ display: flex;
122
+ align-items: flex-start;
123
+ font-size: var(--vscode-bodyFontSize);
124
+ gap: 4px;
125
+ }
126
+
127
+ .update-tooltip .state-message-icon.codicon[class*='codicon-'] {
128
+ font-size: 16px;
129
+ flex-shrink: 0;
130
+ margin-top: 2px;
131
+ }
132
+
133
+ .update-tooltip .state-message-icon.codicon.codicon-warning {
134
+ color: var(--vscode-editorWarning-foreground);
135
+ }
136
+
137
+ .update-tooltip .state-message-icon.codicon.codicon-error {
138
+ color: var(--vscode-editorError-foreground);
139
+ }
140
+
141
+ /* Markdown */
142
+ .update-tooltip .update-markdown {
143
+ background: var(--vscode-editor-background);
144
+ border-radius: var(--vscode-cornerRadius-large);
145
+ padding: 12px;
146
+ }
147
+
148
+ .update-tooltip .update-markdown p {
149
+ margin-bottom: 16px;
150
+ }
151
+
152
+ .update-tooltip .update-markdown p:last-child {
153
+ margin-bottom: 0;
154
+ }
155
+
156
+ .update-tooltip .update-markdown .codicon[class*='codicon-'] {
157
+ font-size: 16px;
158
+ vertical-align: text-top;
159
+ }