development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-10-05 19:02:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

polish editor (#214598)

Browse source
This commit is contained in:
Sandeep Somavarapu 2024-06-07 15:33:16 +02:00 committed by GitHub
parent 3d7e352d2d
commit e941a59986
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 28 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/vs/workbench/contrib/userDataProfile/browser/media/userDataProfilesEditor.css
View file

@ -54,7 +54,6 @@
.profiles-editor .monaco-list-row.focused .profile-tree-item-actions-container,
.profiles-editor .monaco-list-row.selected .profile-tree-item-actions-container,
.profiles-editor .monaco-list-row:hover .profile-tree-item-actions-container {
flex: 1;
display: flex;
align-items: center;
}
@ -86,6 +85,7 @@
}
.profiles-editor .sidebar-container .profiles-list .profile-list-item .profile-tree-item-actions-container {
flex: 1;
justify-content: flex-end;
margin-right: 10px;
}
@ -197,11 +197,11 @@
.profiles-editor .contents-container .profile-content-tree-header,
.profiles-editor .contents-container .profile-content-tree {
margin-left: 6px;
max-width: 450px;
}
.profiles-editor .contents-container .profile-content-tree-header {
display: flex;
display: grid;
grid-template-columns: 30px repeat(2, 1fr) 100px;
height: 24px;
align-items: center;
margin-bottom: 2px;
@ -214,28 +214,33 @@
align-items: center;
}
.profiles-editor .contents-container .profile-content-tree-header :first-child {
width: 200px;
}
.profiles-editor .contents-container .profile-tree-item-container > .profile-resource-type-label,
.profiles-editor .contents-container .profile-tree-item-container.new-profile-resource-type-container > .profile-resource-type-label-container {
width: 170px;
.profiles-editor .contents-container .profile-tree-item-container.existing-profile-resource-type-container {
display: grid;
grid-template-columns: repeat(2, 1fr) 100px;
}
.profiles-editor .contents-container .profile-content-tree-header > .inherit-label,
.profiles-editor .contents-container .profile-tree-item-container > .inherit-container {
width: 130px;
justify-content: center;
align-items: center;
}
.profiles-editor .contents-container .profile-tree-item-container > .inherit-container {
padding-left: 50px;
}
.profiles-editor .contents-container .profile-content-tree-header > .actions-label {
display: flex;
justify-content: center;
align-items: center;
}
.profiles-editor .contents-container .profile-content-tree-header > .actions-label {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
.profiles-editor .contents-container .profile-tree-item-container.profile-resource-child-container > .profile-tree-item-actions-container {
width: 100px;
}
.profiles-editor .contents-container .profile-tree-item-container.new-profile-resource-type-container > .profile-resource-type-label-container {
width: 170px;
}
.profiles-editor .contents-container .profile-tree-item-container.new-profile-resource-type-container > .profile-select-container {
@ -249,7 +254,7 @@
}
.profiles-editor .contents-container .profile-tree-item-container.profile-resource-child-container > .monaco-icon-label {
width: 295px;
flex: 1
}
.profiles-editor .contents-container .profile-tree-item-container .profile-tree-item-actions-container {

8
src/vs/workbench/contrib/userDataProfile/browser/userDataProfilesEditor.ts
View file

@ -460,6 +460,7 @@ class ProfileWidget extends Disposable {
private copyFromOptions: (ISelectOptionItem & { id?: string; source?: IUserDataProfile | URI })[] = [];
private readonly contentsTreeHeader: HTMLElement;
private readonly inheritLabelElement: HTMLElement;
private readonly resourcesTree: WorkbenchAsyncDataTree<AbstractUserDataProfileElement, ProfileResourceTreeElement>;
private _templates: IProfileTemplateInfo[] = [];
@ -572,9 +573,11 @@ class ProfileWidget extends Disposable {
}));
this.contentsTreeHeader = append(body, $('.profile-content-tree-header'));
this.inheritLabelElement = $('.inherit-label', undefined, localize('default profile', "Use Default Profile"));
append(this.contentsTreeHeader,
$(''),
$('.inherit-label', undefined, localize('default profile', "Use Default Profile")),
$(''),
this.inheritLabelElement,
$('.actions-label', undefined, localize('actions', "Actions")),
);
const delegate = new ProfileResourceTreeElementDelegate();
@ -811,7 +814,8 @@ class ProfileWidget extends Disposable {
this.copyFromSelectBox.setEnabled(false);
}
} else if (profileElement instanceof UserDataProfileElement) {
this.contentsTreeHeader.classList.toggle('hide', profileElement.profile.isDefault);
this.contentsTreeHeader.classList.remove('hide');
this.inheritLabelElement.textContent = profileElement.profile.isDefault ? '' : localize('default profile', "Use Default Profile");
this.useAsDefaultProfileContainer.classList.remove('hide');
this.useAsDefaultProfileCheckbox.checked = profileElement.isNewWindowProfile;
this.copyFromContainer.classList.add('hide');