Skip to content

V
vscode

xxadev / vscode
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
V
vscode

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 8b35fc65 编写于 作者: C Christof Marti
浏览文件
操作

Fix heading read out as list

上级 683a76f2
隐藏空白更改
内联 并排
Showing with 30 addition and 30 deletion
src/vs/workbench/parts/welcome/page/electron-browser/vs_code_welcome_page.ts
浏览文件 @ 8b35fc65
......@@ -51,25 +51,25 @@ export default () => `
<div class="commands">
<div class="section customize">
<h2 class="caption">${escape(localize('welcomePage.customize', "Customize"))}</h2>
<ul>
<li class="showLanguageExtensions"><button role="group" data-href="command:workbench.extensions.action.showLanguageExtensions"><h3 class="caption">${escape(localize('welcomePage.installExtensionPacks', "Tools and languages"))}</h3> <span class="detail">${escape(localize('welcomePage.installExtensionPacksDescription', "Install support for {0} and {1}"))
<div class="list">
<div class="item showLanguageExtensions"><button role="group" data-href="command:workbench.extensions.action.showLanguageExtensions"><h3 class="caption">${escape(localize('welcomePage.installExtensionPacks', "Tools and languages"))}</h3> <span class="detail">${escape(localize('welcomePage.installExtensionPacksDescription', "Install support for {0} and {1}"))
.replace('{0}', `<span class="extensionPackList"></span>`)
.replace('{1}', `<a href="command:workbench.extensions.action.showLanguageExtensions" title="${localize('welcomePage.showLanguageExtensions', "Show more language extensions")}">${escape(localize('welcomePage.moreExtensions', "more"))}</a>`)}
</span></button></li>
<li class="showRecommendedKeymapExtensions"><button role="group" data-href="command:workbench.extensions.action.showRecommendedKeymapExtensions"><h3 class="caption">${escape(localize('welcomePage.installKeymapDescription', "Settings and keybindings"))}</h3> <span class="detail">${escape(localize('welcomePage.installKeymapExtension', "Install the settings and keyboard shortcuts of {0} and {1}"))
</span></button></div>
<div class="item showRecommendedKeymapExtensions"><button role="group" data-href="command:workbench.extensions.action.showRecommendedKeymapExtensions"><h3 class="caption">${escape(localize('welcomePage.installKeymapDescription', "Settings and keybindings"))}</h3> <span class="detail">${escape(localize('welcomePage.installKeymapExtension', "Install the settings and keyboard shortcuts of {0} and {1}"))
.replace('{0}', `<span class="keymapList"></span>`)
.replace('{1}', `<a href="command:workbench.extensions.action.showRecommendedKeymapExtensions" title="${localize('welcomePage.showKeymapExtensions', "Show other keymap extensions")}">${escape(localize('welcomePage.others', "others"))}</a>`)}
</span></button></li>
<li class="selectTheme"><button data-href="command:workbench.action.selectTheme"><h3 class="caption">${escape(localize('welcomePage.colorTheme', "Color theme"))}</h3> <span class="detail">${escape(localize('welcomePage.colorThemeDescription', "Make the editor and your code look the way you love"))}</span></button></li>
</ul>
</span></button></div>
<div class="item selectTheme"><button data-href="command:workbench.action.selectTheme"><h3 class="caption">${escape(localize('welcomePage.colorTheme', "Color theme"))}</h3> <span class="detail">${escape(localize('welcomePage.colorThemeDescription', "Make the editor and your code look the way you love"))}</span></button></div>
</div>
</div>
<div class="section learn">
<h2 class="caption">${escape(localize('welcomePage.learn', "Learn"))}</h2>
<ul>
<li class="showCommands"><button data-href="command:workbench.action.showCommands"><h3 class="caption">${escape(localize('welcomePage.showCommands', "Find and run all commands"))}</h3> <span class="detail">${escape(localize('welcomePage.showCommandsDescription', "Rapidly access and search commands from the Command Palette ({0})")).replace('{0}', '<span class="shortcut" data-command="workbench.action.showCommands"></span>')}</span></button></li>
<li class="showInterfaceOverview"><button data-href="command:workbench.action.showInterfaceOverview"><h3 class="caption">${escape(localize('welcomePage.interfaceOverview', "Interface overview"))}</h3> <span class="detail">${escape(localize('welcomePage.interfaceOverviewDescription', "Get a visual overlay highlighting the major components of the UI"))}</span></button></li>
<li class="showInteractivePlayground"><button data-href="command:workbench.action.showInteractivePlayground"><h3 class="caption">${escape(localize('welcomePage.interactivePlayground', "Interactive playground"))}</h3> <span class="detail">${escape(localize('welcomePage.interactivePlaygroundDescription', "Try essential editor features out in a short walkthrough"))}</span></button></li>
</ul>
<div class="list">
<div class="item showCommands"><button data-href="command:workbench.action.showCommands"><h3 class="caption">${escape(localize('welcomePage.showCommands', "Find and run all commands"))}</h3> <span class="detail">${escape(localize('welcomePage.showCommandsDescription', "Rapidly access and search commands from the Command Palette ({0})")).replace('{0}', '<span class="shortcut" data-command="workbench.action.showCommands"></span>')}</span></button></div>
<div class="item showInterfaceOverview"><button data-href="command:workbench.action.showInterfaceOverview"><h3 class="caption">${escape(localize('welcomePage.interfaceOverview', "Interface overview"))}</h3> <span class="detail">${escape(localize('welcomePage.interfaceOverviewDescription', "Get a visual overlay highlighting the major components of the UI"))}</span></button></div>
<div class="item showInteractivePlayground"><button data-href="command:workbench.action.showInteractivePlayground"><h3 class="caption">${escape(localize('welcomePage.interactivePlayground', "Interactive playground"))}</h3> <span class="detail">${escape(localize('welcomePage.interactivePlaygroundDescription', "Try essential editor features out in a short walkthrough"))}</span></button></div>
</div>
</div>
</div>
</div>
......
src/vs/workbench/parts/welcome/page/electron-browser/welcomePage.css
浏览文件 @ 8b35fc65
......@@ -34,7 +34,7 @@
overflow: hidden;
}
.monaco-workbench > .part.editor > .content .welcomePage .row .commands ul {
.monaco-workbench > .part.editor > .content .welcomePage .row .commands .list {
overflow: hidden;
}
......@@ -146,14 +146,14 @@
vertical-align: middle;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands ul {
.monaco-workbench > .part.editor > .content .welcomePage .commands .list {
list-style: none;
padding: 0;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands li {
.monaco-workbench > .part.editor > .content .welcomePage .commands .item {
margin: 7px 0px;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands li button {
.monaco-workbench > .part.editor > .content .welcomePage .commands .item button {
margin: 1px;
padding: 12px 10px;
width: calc(100% - 2px);
......@@ -165,7 +165,7 @@
font-family: inherit;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands li button > span {
.monaco-workbench > .part.editor > .content .welcomePage .commands .item button > span {
display: inline-block;
width:100%;
min-width: 0;
......@@ -174,7 +174,7 @@
text-overflow: ellipsis;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands li button h3 {
.monaco-workbench > .part.editor > .content .welcomePage .commands .item button h3 {
font-weight: normal;
font-size: 1em;
margin: 0;
......@@ -185,37 +185,37 @@
text-overflow: ellipsis;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands li button {
.monaco-workbench > .part.editor > .content .welcomePage .commands .item button {
border: none;
}
.hc-black .monaco-workbench > .part.editor > .content .welcomePage .commands li button > h3 {
.hc-black .monaco-workbench > .part.editor > .content .welcomePage .commands .item button > h3 {
font-weight: bold;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands li button:focus {
.monaco-workbench > .part.editor > .content .welcomePage .commands .item button:focus {
outline-style: solid;
outline-width: 1px;
}
.hc-black .monaco-workbench > .part.editor > .content .welcomePage .commands li button {
.hc-black .monaco-workbench > .part.editor > .content .welcomePage .commands .item button {
border-width: 1px;
border-style: solid;
}
.hc-black .monaco-workbench > .part.editor > .content .welcomePage .commands li button:hover {
.hc-black .monaco-workbench > .part.editor > .content .welcomePage .commands .item button:hover {
outline-width: 1px;
outline-style: dashed;
outline-offset: -5px;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands li button .enabledExtension {
.monaco-workbench > .part.editor > .content .welcomePage .commands .item button .enabledExtension {
display: none;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands li button .installExtension.installed {
.monaco-workbench > .part.editor > .content .welcomePage .commands .item button .installExtension.installed {
display: none;
}
.monaco-workbench > .part.editor > .content .welcomePage .commands li button .enabledExtension.installed {
.monaco-workbench > .part.editor > .content .welcomePage .commands .item button .enabledExtension.installed {
display: inline;
}
......
src/vs/workbench/parts/welcome/page/electron-browser/welcomePage.ts
浏览文件 @ 8b35fc65
......@@ -601,11 +601,11 @@ registerThemingParticipant((theme, collector) => {
}
const buttonColor = getExtraColor(theme, buttonBackground, { dark: 'rgba(0, 0, 0, .2)', extra_dark: 'rgba(200, 235, 255, .042)', light: 'rgba(0,0,0,.04)', hc: 'black' });
if (buttonColor) {
collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage .commands li button { background: ${buttonColor}; }`);
collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage .commands .item button { background: ${buttonColor}; }`);
}
const buttonHoverColor = getExtraColor(theme, buttonHoverBackground, { dark: 'rgba(200, 235, 255, .072)', extra_dark: 'rgba(200, 235, 255, .072)', light: 'rgba(0,0,0,.10)', hc: null });
if (buttonHoverColor) {
collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage .commands li button:hover { background: ${buttonHoverColor}; }`);
collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage .commands .item button:hover { background: ${buttonHoverColor}; }`);
}
const link = theme.getColor(textLinkForeground);
if (link) {
......@@ -622,10 +622,10 @@ registerThemingParticipant((theme, collector) => {
}
const border = theme.getColor(contrastBorder);
if (border) {
collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage .commands li button { border-color: ${border}; }`);
collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage .commands .item button { border-color: ${border}; }`);
}
const activeBorder = theme.getColor(activeContrastBorder);
if (activeBorder) {
collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage .commands li button:hover { outline-color: ${activeBorder}; }`);
collector.addRule(`.monaco-workbench > .part.editor > .content .welcomePage .commands .item button:hover { outline-color: ${activeBorder}; }`);
}
});
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或