microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-07-08 02:43:11 -05:00
Code Issues Packages Projects Releases 177 Wiki Activity

Settings editor - overlay trees so scrollable shadow is full width

Browse Source
This commit is contained in:
Rob Lourens
2018-07-28 09:54:36 -07:00
parent eb8a1b5781
commit 2a100df2eb
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/vs/workbench/parts/preferences/browser/media/settingsEditor2.css
View File

@@ -140,14 +140,22 @@
outline: none !important;
}
.settings-editor.search-mode > .settings-body .settings-tree-container .monaco-tree-wrapper,
.settings-editor.search-mode > .settings-body > .settings-tree-container .setting-measure-container {
width: calc(100% - 11px);
margin-left: 0px;
}
.settings-editor > .settings-body .settings-tree-container .monaco-tree-wrapper,
.settings-editor > .settings-body > .settings-tree-container .setting-measure-container {
/** Match header padding, leave room for scrollbar on the outside */
width: calc(100% - 11px);
/** 11px for scrollbar + 208px for TOC margin */
width: calc(100% - 219px);
margin-left: 208px;
}
.settings-editor > .settings-body .settings-toc-container {
position: absolute;
width: 160px;
margin-top: 16px;
padding-left: 5px;
@@ -161,10 +169,6 @@
display: none;
}
.settings-editor.search-mode > .settings-body .settings-tree-container {
max-width: 1100px;
}
.settings-editor.narrow > .settings-body .settings-toc-container {
display: none;
}
@@ -199,7 +203,6 @@
.settings-editor > .settings-body .settings-tree-container {
flex: 1;
max-width: 792px;
margin-right: 1px; /* So the item doesn't blend into the edge of the view container */
margin-top: 14px;
border-spacing: 0;

2
src/vs/workbench/parts/preferences/browser/settingsEditor2.ts
View File

@@ -280,8 +280,8 @@ export class SettingsEditor2 extends BaseEditor {
private createBody(parent: HTMLElement): void {
const bodyContainer = DOM.append(parent, $('.settings-body'));
this.createTOC(bodyContainer);
this.createSettingsTree(bodyContainer);
this.createTOC(bodyContainer);
if (this.environmentService.appQuality !== 'stable') {
this.createFeedbackButton(bodyContainer);