Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-05-03 15:01:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Settings editor - add "..." in a fixed position to indicate that a description is expandable

Browse Source
This commit is contained in:
Rob Lourens
2018-05-21 15:58:50 -07:00
parent a5bfda7d86
commit cdea1bdc99
2 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -179,6 +179,16 @@
cursor: pointer;
}
.settings-editor > .settings-body > .settings-list-container .monaco-list-row.is-expandable:not(.is-expanded) .setting-item-description::after {
content: '…';
display: block;
height: 4px;
width: 8px;
position: absolute;
bottom: 16px;
left: 580px;
}
.settings-editor > .settings-body > .settings-list-container .monaco-list-row .setting-item-value {
display: flex;
}

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

@@ -754,6 +754,7 @@ interface ISettingItemTemplate extends IDisposableTemplate {
categoryElement: HTMLElement;
labelElement: HTMLElement;
descriptionElement: HTMLElement;
showMoreElement: HTMLElement;
valueElement: HTMLElement;
overridesElement: HTMLElement;
}
@@ -811,6 +812,7 @@ class SettingItemRenderer implements IRenderer<ISettingItemEntry, ISettingItemTe
const labelElement = DOM.append(titleElement, $('span.setting-item-label'));
const overridesElement = DOM.append(titleElement, $('span.setting-item-overrides'));
const descriptionElement = DOM.append(leftElement, $('.setting-item-description'));
const showMoreElement = DOM.append(leftElement, $('.setting-show-more'));
const valueElement = DOM.append(rightElement, $('.setting-item-value'));
@@ -823,6 +825,7 @@ class SettingItemRenderer implements IRenderer<ISettingItemEntry, ISettingItemTe
categoryElement,
labelElement,
descriptionElement,
showMoreElement,
valueElement,
overridesElement
};