Skip to content

Commit 75706ce

Browse files
eli-w-kingeli-w-king
committed
simplified html/css
1 parent e557472 commit 75706ce

File tree

3 files changed

+80
-104
lines changed

3 files changed

+80
-104
lines changed

‎release-notes/css/inproduct_releasenotes.css

Lines changed: 32 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,17 @@ body {
2828
align-items: center;
2929
}
3030

31+
#scroll-to-top::before {
32+
content: "";
33+
display: block;
34+
background: var(--vscode-button-foreground);
35+
/* Chevron up icon */
36+
webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
37+
-webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
38+
width: 16px;
39+
height: 16px;
40+
}
41+
3142
#scroll-to-top:hover {
3243
background-color: var(--vscode-button-hoverBackground);
3344
box-shadow: 2px 2px 2px rgba(0,0,0,.25);
@@ -39,17 +50,6 @@ body.vscode-high-contrast #scroll-to-top {
3950
box-shadow: none;
4051
}
4152

42-
#scroll-to-top span.icon::before {
43-
content: "";
44-
display: block;
45-
background: var(--vscode-button-foreground);
46-
/* Chevron up icon */
47-
webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
48-
-webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDpub25lO30KPC9zdHlsZT4KPHRpdGxlPnVwY2hldnJvbjwvdGl0bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LDUuMWwtNy4zLDcuM0wwLDExLjZsOC04bDgsOGwtMC43LDAuN0w4LDUuMXoiLz4KPHJlY3QgY2xhc3M9InN0MSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+Cjwvc3ZnPgo=');
49-
width: 16px;
50-
height: 16px;
51-
}
52-
5353
/* Header styling */
5454
h2 {
5555
margin-top: 1.2em;
@@ -139,12 +139,6 @@ h2 + h3 {
139139
vertical-align: top;
140140
border: none;
141141
padding-top: 2em;
142-
}
143-
144-
.highlights-table th span {
145-
font-weight: bold;
146-
}
147-
.highlights-table th span {
148142
font-weight: bold;
149143
}
150144

@@ -153,7 +147,7 @@ h2 + h3 {
153147
border: none;
154148
}
155149

156-
.highlights-table td.first-row {
150+
.highlights-table tr:first-of-type td {
157151
padding-bottom: 1em;
158152
}
159153

@@ -180,16 +174,34 @@ h2 + h3 {
180174
text-transform: uppercase;
181175
}
182176

183-
#toc-list {
177+
#toc-nav ul {
184178
list-style: none;
185179
padding: 0;
186180
margin: 0;
187181
}
188182

189-
#toc-list li {
183+
#toc-nav ul li {
190184
margin-bottom: 0.5em;
191185
}
192186

187+
#toc-nav a {
188+
color: var(--vscode-editor-foreground, #ccc);
189+
text-decoration: none !important;
190+
transition: background-color 0.2s, color 0.2s;
191+
padding: 4px 6px;
192+
margin: -4px -6px;
193+
border-radius: 4px;
194+
display: block;
195+
outline: none;
196+
}
197+
198+
#toc-nav a:hover {
199+
background-color: var(--vscode-button-secondaryHoverBackground, #1177bb);
200+
color: var(--vscode-button-secondaryForeground, #ffffff);
201+
cursor: pointer;
202+
text-decoration: none !important;
203+
}
204+
193205
/* Main content area */
194206
.content-main {
195207
flex: 1;

‎release-notes/v1_102-refined-no-summarize.md

Lines changed: 24 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -15,37 +15,19 @@ Welcome to the June 2025 release of Visual Studio Code. There are many updates i
1515

1616
<table class="highlights-table">
1717
<tr>
18-
<th>
19-
<span>Chat</span>
20-
</th>
21-
<th>
22-
<span>MCP</span>
23-
</th>
24-
<th>
25-
<span>Editor experience</span>
26-
</th>
18+
<th>Chat</th>
19+
<th>MCP</th>
20+
<th>Editor experience</th>
2721
</tr>
2822
<tr>
29-
<td class="first-row">
30-
Generate custom instructions that reflect your project's conventions. <a href="#generate-custom-instructions"><br>Read more</a>
31-
</td>
32-
<td class="first-row">
33-
MCP support is now generally available in VS Code. <a href="#mcp-support-in-vs-code-is-generally-available"><br>Read more</a>
34-
</td>
35-
<td class="first-row">
36-
Scroll the editor on middle click. <a href="#scroll-on-middle-click"><br>Read more</a>
37-
</td>
23+
<td>Generate custom instructions that reflect your project's conventions. <a href="#generate-custom-instructions">Read more</a></td>
24+
<td>MCP support is now generally available in VS Code. <a href="#mcp-support-in-vs-code-is-generally-available">Read more</a></td>
25+
<td>Scroll the editor on middle click. <a href="#scroll-on-middle-click">Read more</a></td>
3826
</tr>
3927
<tr>
40-
<td>
41-
Automatically approve selected terminal commands. <a href="#terminal-auto-approval-experimental"><br>Read more</a>
42-
</td>
43-
<td>
44-
Easily install and manage MCP servers with the MCP view and gallery. <a href="#mcp-server-discovery-and-installation"><br>Read more</a>
45-
</td>
46-
<td>
47-
Delegate tasks to Copilot coding agent and let it handle them in the background. <a href="#start-a-coding-agent-session-preview"><br>Read more</a>
48-
</td>
28+
<td>Automatically approve selected terminal commands. <a href="#terminal-auto-approval-experimental">Read more</a></td>
29+
<td>Easily install and manage MCP servers with the MCP view and gallery. <a href="#mcp-server-discovery-and-installation">Read more</a></td>
30+
<td>Delegate tasks to Copilot coding agent and let it handle them in the background. <a href="#start-a-coding-agent-session-preview">Read more</a></td>
4931
</tr>
5032
</table>
5133

@@ -56,19 +38,19 @@ Welcome to the June 2025 release of Visual Studio Code. There are many updates i
5638
<div class="main-content-layout">
5739
<nav id="toc-nav">
5840
<div>In this update</div>
59-
<ul id="toc-list">
60-
<li><a class="toc-link" href="#chat">Chat</a></li>
61-
<li><a class="toc-link" href="#mcp">MCP</a></li>
62-
<li><a class="toc-link" href="#accessibility">Accessibility</a></li>
63-
<li><a class="toc-link" href="#code-editing">Code Editing</a></li>
64-
<li><a class="toc-link" href="#editor-experience">Editor Experience</a></li>
65-
<li><a class="toc-link" href="#tasks">Tasks</a></li>
66-
<li><a class="toc-link" href="#terminal">Terminal</a></li>
67-
<li><a class="toc-link" href="#contributions-to-extensions">Contributions to extensions</a></li>
68-
<li><a class="toc-link" href="#notable-fixes">Notable fixes</a></li>
69-
<li><a class="toc-link" href="#thank-you">Thank you</a></li>
70-
<li><a class="toc-link" href="#issue-tracking">Issue tracking</a></li>
71-
<li><a class="toc-link" href="#pull-requests">Pull requests</a></li>
41+
<ul>
42+
<li><a href="#chat">Chat</a></li>
43+
<li><a href="#mcp">MCP</a></li>
44+
<li><a href="#accessibility">Accessibility</a></li>
45+
<li><a href="#code-editing">Code Editing</a></li>
46+
<li><a href="#editor-experience">Editor Experience</a></li>
47+
<li><a href="#tasks">Tasks</a></li>
48+
<li><a href="#terminal">Terminal</a></li>
49+
<li><a href="#contributions-to-extensions">Contributions to extensions</a></li>
50+
<li><a href="#notable-fixes">Notable fixes</a></li>
51+
<li><a href="#thank-you">Thank you</a></li>
52+
<li><a href="#issue-tracking">Issue tracking</a></li>
53+
<li><a href="#pull-requests">Pull requests</a></li>
7254
</ul>
7355
</nav>
7456
<div class="content-main">
@@ -731,6 +713,6 @@ Contributions to `ripgrep-prebuilt`:
731713

732714
<link rel="stylesheet" type="text/css" href="css/inproduct_releasenotes.css"/>
733715

734-
<a id="scroll-to-top" role="button" title="Scroll to top" aria-label="scroll to top" href="#"><span class="icon"></span></a>
716+
<a id="scroll-to-top" role="button" title="Scroll to top" aria-label="scroll to top" href="#"></a>
735717

736-
<!-- <a id="sparkle-chat" role="button" title="Summarize this release note" aria-label="Summarize this release note" href="command:summarize.release.notes"></a>
718+
<-<a id="sparkle-chat" role="button" title="Summarize this release note" aria-label="Summarize this release note" href="command:summarize.release.notes"></a>

‎release-notes/v1_102-refined.md

Lines changed: 24 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -15,37 +15,19 @@ Welcome to the June 2025 release of Visual Studio Code. There are many updates i
1515

1616
<table class="highlights-table">
1717
<tr>
18-
<th>
19-
<span>Chat</span>
20-
</th>
21-
<th>
22-
<span>MCP</span>
23-
</th>
24-
<th>
25-
<span>Editor experience</span>
26-
</th>
18+
<th>Chat</th>
19+
<th>MCP</th>
20+
<th>Editor experience</th>
2721
</tr>
2822
<tr>
29-
<td class="first-row">
30-
Generate custom instructions that reflect your project's conventions. <a href="#generate-custom-instructions"><br>Read more</a>
31-
</td>
32-
<td class="first-row">
33-
MCP support is now generally available in VS Code. <a href="#mcp-support-in-vs-code-is-generally-available"><br>Read more</a>
34-
</td>
35-
<td class="first-row">
36-
Scroll the editor on middle click. <a href="#scroll-on-middle-click"><br>Read more</a>
37-
</td>
23+
<td>Generate custom instructions that reflect your project's conventions. <a href="#generate-custom-instructions">Read more</a></td>
24+
<td>MCP support is now generally available in VS Code. <a href="#mcp-support-in-vs-code-is-generally-available">Read more</a></td>
25+
<td>Scroll the editor on middle click. <a href="#scroll-on-middle-click">Read more</a></td>
3826
</tr>
3927
<tr>
40-
<td>
41-
Automatically approve selected terminal commands. <a href="#terminal-auto-approval-experimental"><br>Read more</a>
42-
</td>
43-
<td>
44-
Easily install and manage MCP servers with the MCP view and gallery. <a href="#mcp-server-discovery-and-installation"><br>Read more</a>
45-
</td>
46-
<td>
47-
Delegate tasks to Copilot coding agent and let it handle them in the background. <a href="#start-a-coding-agent-session-preview"><br>Read more</a>
48-
</td>
28+
<td>Automatically approve selected terminal commands. <a href="#terminal-auto-approval-experimental">Read more</a></td>
29+
<td>Easily install and manage MCP servers with the MCP view and gallery. <a href="#mcp-server-discovery-and-installation">Read more</a></td>
30+
<td>Delegate tasks to Copilot coding agent and let it handle them in the background. <a href="#start-a-coding-agent-session-preview">Read more</a></td>
4931
</tr>
5032
</table>
5133

@@ -56,19 +38,19 @@ Welcome to the June 2025 release of Visual Studio Code. There are many updates i
5638
<div class="main-content-layout">
5739
<nav id="toc-nav">
5840
<div>In this update</div>
59-
<ul id="toc-list">
60-
<li><a class="toc-link" href="#chat">Chat</a></li>
61-
<li><a class="toc-link" href="#mcp">MCP</a></li>
62-
<li><a class="toc-link" href="#accessibility">Accessibility</a></li>
63-
<li><a class="toc-link" href="#code-editing">Code Editing</a></li>
64-
<li><a class="toc-link" href="#editor-experience">Editor Experience</a></li>
65-
<li><a class="toc-link" href="#tasks">Tasks</a></li>
66-
<li><a class="toc-link" href="#terminal">Terminal</a></li>
67-
<li><a class="toc-link" href="#contributions-to-extensions">Contributions to extensions</a></li>
68-
<li><a class="toc-link" href="#notable-fixes">Notable fixes</a></li>
69-
<li><a class="toc-link" href="#thank-you">Thank you</a></li>
70-
<li><a class="toc-link" href="#issue-tracking">Issue tracking</a></li>
71-
<li><a class="toc-link" href="#pull-requests">Pull requests</a></li>
41+
<ul>
42+
<li><a href="#chat">Chat</a></li>
43+
<li><a href="#mcp">MCP</a></li>
44+
<li><a href="#accessibility">Accessibility</a></li>
45+
<li><a href="#code-editing">Code Editing</a></li>
46+
<li><a href="#editor-experience">Editor Experience</a></li>
47+
<li><a href="#tasks">Tasks</a></li>
48+
<li><a href="#terminal">Terminal</a></li>
49+
<li><a href="#contributions-to-extensions">Contributions to extensions</a></li>
50+
<li><a href="#notable-fixes">Notable fixes</a></li>
51+
<li><a href="#thank-you">Thank you</a></li>
52+
<li><a href="#issue-tracking">Issue tracking</a></li>
53+
<li><a href="#pull-requests">Pull requests</a></li>
7254
</ul>
7355
</nav>
7456
<div class="content-main">
@@ -731,6 +713,6 @@ Contributions to `ripgrep-prebuilt`:
731713

732714
<link rel="stylesheet" type="text/css" href="css/inproduct_releasenotes.css"/>
733715

734-
<a id="scroll-to-top" role="button" title="Scroll to top" aria-label="scroll to top" href="#"><span class="icon"></span></a>
716+
<a id="scroll-to-top" role="button" title="Scroll to top" aria-label="scroll to top" href="#"></a>
735717

736-
<a id="sparkle-chat" role="button" title="Summarize this release note" aria-label="Summarize this release note" href="command:summarize.release.notes"></a>
718+
<!-- <a id="sparkle-chat" role="button" title="Summarize this release note" aria-label="Summarize this release note" href="command:summarize.release.notes"></a> -->

0 commit comments

Comments
 (0)