a couple properties pane UI changes (#17601)

This commit is contained in:
Alan Ren
2021-11-05 11:08:43 -07:00
committed by GitHub
parent dd0261ca05
commit f5b1e7feb8
3 changed files with 9 additions and 5 deletions

View File

@@ -531,7 +531,7 @@ export class Designer extends Disposable implements IThemable {
});
} else {
groupNames.forEach(group => {
const groupHeader = container.appendChild(DOM.$('div.full-row'));
const groupHeader = container.appendChild(DOM.$('div.full-row.group-header'));
groupHeaders.push(groupHeader);
this.styleGroupHeader(groupHeader);
groupHeader.innerText = group ?? localize('designer.generalGroupName', "General");

View File

@@ -4,7 +4,7 @@
*--------------------------------------------------------------------------------------------*/
import { CreateComponentsFunc, DesignerUIComponent, SetComponentValueFunc } from 'sql/base/browser/ui/designer/designer';
import { DesignerViewModel, DesignerDataPropertyInfo, InputBoxProperties, NameProperty } from 'sql/base/browser/ui/designer/interfaces';
import { DesignerViewModel, DesignerDataPropertyInfo } from 'sql/base/browser/ui/designer/interfaces';
import * as DOM from 'vs/base/browser/dom';
import { equals } from 'vs/base/common/objects';
import { localize } from 'vs/nls';
@@ -69,11 +69,10 @@ export class DesignerPropertiesPane {
};
});
}
const name = (<InputBoxProperties>item.viewModel[NameProperty])?.value ?? '';
this._titleElement.innerText = localize({
key: 'tableDesigner.propertiesPaneTitleWithContext',
comment: ['{0} is the place holder for object type', '{1} is the place holder for object name']
}, "Properties - {0} {1}", item.type, name);
comment: ['{0} is the place holder for object type']
}, "{0} Properties", item.type);
this._componentMap.forEach((value) => {
this._setComponentValue(value.defintion, value.component, item.viewModel);
});

View File

@@ -97,3 +97,8 @@
.designer-component .content-container .tabbedPanel {
border-width: 0px;
}
.designer-component .components-grid .full-row.group-header {
font-weight: bold;
line-height: 25px;
}