designer pane separator (#17366)

* designer pane separator

* comments
This commit is contained in:
Alan Ren
2021-10-15 11:03:26 -07:00
committed by GitHub
parent 6c4a0fea16
commit fbdb434f3a
6 changed files with 25 additions and 4 deletions

View File

@@ -15,7 +15,6 @@
padding: 5px;
border-width: 0 0 1px 0;
border-style: solid;
border-bottom-color: rgba(128, 128, 128, 0.35);
}
.table-designer-main-container .designer-container {

View File

@@ -19,6 +19,8 @@ import { IEditorOpenContext } from 'vs/workbench/common/editor';
import { IWorkbenchThemeService } from 'vs/workbench/services/themes/common/workbenchThemeService';
import { SaveTableChangesAction } from 'sql/workbench/contrib/tableDesigner/browser/actions';
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';
export class TableDesignerEditor extends EditorPane {
public static readonly ID: string = 'workbench.editor.tableDesigner';
@@ -59,6 +61,12 @@ export class TableDesignerEditor extends EditorPane {
actionbar.push(this._saveChangesAction, { icon: true, label: false });
this._designer = new Designer(designerContainer, this._contextViewService);
this._register(attachDesignerStyler(this._designer, this.themeService));
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};}`);
}
}));
}
layout(dimension: DOM.Dimension): void {