Move version to subtitle

This commit is contained in:
Dmitry Sharshakov 2020-04-06 11:08:03 +03:00
parent 79a3398385
commit 802f7daa5e
2 changed files with 9 additions and 6 deletions

View file

@ -146,10 +146,10 @@ interface IExtensionEditorTemplate {
icon: HTMLImageElement;
name: HTMLElement;
identifier: HTMLElement;
version: HTMLElement;
preview: HTMLElement;
builtin: HTMLElement;
license: HTMLElement;
version: HTMLElement;
publisher: HTMLElement;
installCount: HTMLElement;
rating: HTMLElement;
@ -216,7 +216,6 @@ export class ExtensionEditor extends BaseEditor {
const title = append(details, $('.title'));
const name = append(title, $('span.name.clickable', { title: localize('name', "Extension name") }));
const identifier = append(title, $('span.identifier', { title: localize('extension id', "Extension identifier") }));
const version = append(title, $('span.version', { title: localize('extension version', "Extension version") }));
const preview = append(title, $('span.preview', { title: localize('preview', "Preview") }));
preview.textContent = localize('preview', "Preview");
@ -241,6 +240,11 @@ export class ExtensionEditor extends BaseEditor {
license.style.display = 'none';
license.tabIndex = 0;
const version = append(subtitle, $('span.version'));
version.textContent = localize('version', 'Version');
version.style.display = 'none';
version.tabIndex = 0;
const description = append(details, $('.description'));
const extensionActions = append(details, $('.actions'));
@ -339,6 +343,7 @@ export class ExtensionEditor extends BaseEditor {
template.name.textContent = extension.displayName;
template.identifier.textContent = extension.identifier.id;
template.version.textContent = extension.version;
template.version.style.display = 'inherit';
template.preview.style.display = extension.preview ? 'inherit' : 'none';
template.builtin.style.display = extension.type === ExtensionType.System ? 'inherit' : 'none';

View file

@ -73,8 +73,7 @@
white-space: nowrap;
}
.extension-editor > .header > .details > .title > .identifier,
.extension-editor > .header > .details > .title > .version {
.extension-editor > .header > .details > .title > .identifier {
margin-left: 10px;
font-size: 14px;
opacity: 0.6;
@ -465,8 +464,7 @@
text-decoration: underline;
}
.extension-editor .subcontent .monaco-list-row .extension > .details > .header > .identifier,
.extension-editor .subcontent .monaco-list-row .extension > .details > .header > .version {
.extension-editor .subcontent .monaco-list-row .extension > .details > .header > .identifier {
font-size: 90%;
opacity: 0.6;
margin-left: 10px;