ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-05 09:35:39 -05:00
Code Issues Packages Projects Releases Wiki Activity

add preview flag for table designer (#18253)

Browse Source
This commit is contained in:
Alan Ren
2022-02-09 09:38:14 -08:00
committed by GitHub
parent 9b3dd4247c
commit 021b7f6e71
4 changed files with 23 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/sql/workbench/contrib/tableDesigner/browser/media/tableDesignerEditor.css
View File

@@ -10,13 +10,25 @@
height: 100%;
}
.table-designer-main-container .actionbar-container {
.table-designer-main-container .top-row-container .actionbar-container {
flex: 1 1 auto;
}
.table-designer-main-container .designer-container {
flex: 1 1 auto;
}
.table-designer-main-container .top-row-container {
display: flex;
flex-direction: row;
flex: 0 0 auto;
padding: 5px;
border-width: 0 0 1px 0;
border-style: solid;
}
.table-designer-main-container .designer-container {
flex: 1 1 auto;
.table-designer-main-container .top-row-container .preview-flag-container {
flex: 0 0 auto;
padding-left: 20px;
background-position: left;
}

15
src/sql/workbench/contrib/tableDesigner/browser/tableDesigner.contribution.ts
View File

@@ -9,8 +9,6 @@ import { SyncDescriptor } from 'vs/platform/instantiation/common/descriptors';
import { Registry } from 'vs/platform/registry/common/platform';
import { EditorPaneDescriptor, IEditorPaneRegistry } from 'vs/workbench/browser/editor';
import { EditorExtensions } from 'vs/workbench/common/editor';
import { localize } from 'vs/nls';
import { IConfigurationRegistry, Extensions as ConfigExtensions } from 'vs/platform/configuration/common/configurationRegistry';
const tableDesignerDescriptor = EditorPaneDescriptor.create(
TableDesignerEditor,
@@ -20,16 +18,3 @@ const tableDesignerDescriptor = EditorPaneDescriptor.create(
Registry.as<IEditorPaneRegistry>(EditorExtensions.EditorPane)
.registerEditorPane(tableDesignerDescriptor, [new SyncDescriptor(TableDesignerInput)]);
Registry.as<IConfigurationRegistry>(ConfigExtensions.Configuration).registerConfiguration({
id: 'tableDesigner',
title: localize('tableDesigner.configTitle', "Table Designer"),
type: 'object',
properties: {
'tableDesigner.enableFeature': {
'type': 'boolean',
'default': false,
'description': localize('tableDesigner.featureEnabledDescription', "Controls whether the table designer feature is enabled. Default value is false.")
}
}
});

8
src/sql/workbench/contrib/tableDesigner/browser/tableDesignerEditor.ts
View File

@@ -20,6 +20,7 @@ import { PublishTableChangesAction } from 'sql/workbench/contrib/tableDesigner/b
import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
import { IColorTheme, ICssStyleCollector, registerThemingParticipant } from 'vs/platform/theme/common/themeService';
import { DesignerPaneSeparator } from 'sql/platform/theme/common/colorRegistry';
import { localize } from 'vs/nls';
export class TableDesignerEditor extends EditorPane {
public static readonly ID: string = 'workbench.editor.tableDesigner';
@@ -50,7 +51,10 @@ export class TableDesignerEditor extends EditorPane {
protected createEditor(parent: HTMLElement): void {
// The editor is only created once per editor group.
const container = parent.appendChild(DOM.$('.table-designer-main-container'));
const actionbarContainer = container.appendChild(DOM.$('.actionbar-container'));
const topRowContainer = container.appendChild(DOM.$('.top-row-container'));
const actionbarContainer = topRowContainer.appendChild(DOM.$('.actionbar-container'));
const previewFlag = topRowContainer.appendChild(DOM.$('.preview-flag-container.codicon.info'));
previewFlag.innerText = localize('tableDesigner.PreviewFeature', "Preview feature");
const designerContainer = container.appendChild(DOM.$('.designer-container'));
const actionbar = new ActionBar(actionbarContainer);
this._register(actionbar);
@@ -63,7 +67,7 @@ export class TableDesignerEditor extends EditorPane {
this._register(registerThemingParticipant((theme: IColorTheme, collector: ICssStyleCollector) => {
const border = theme.getColor(DesignerPaneSeparator);
if (border) {
collector.addRule(`.table-designer-main-container .actionbar-container { border-color: ${border};}`);
collector.addRule(`.table-designer-main-container .top-row-container { border-color: ${border};}`);
}
}));
}