Skip to content

Commit b1221ed

Browse files
github-actions[bot]github-actions[bot]
committed
Release v0.0.80
1 parent e6652dd commit b1221ed

6 files changed

Lines changed: 43 additions & 40 deletions

File tree

‎dist/index.js‎

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -43684,17 +43684,18 @@ var SchemaDesigner = class {
4368443684
this.setupToolbar();
4368543685
}
4368643686
setupColors() {
43687-
this._container.style.setProperty("--sd-toolbar-background-color", this._config.colors.toolbarBackground);
43688-
this._container.style.setProperty("--sd-toolbar-foreground-color", this._config.colors.toolbarForeground);
43689-
this._container.style.setProperty("--sd-toolbar-hover-background-color", this._config.colors.toolbarHoverBackground);
43690-
this._container.style.setProperty("--sd-toolbar-divider-background-color", this._config.colors.toolbarDividerBackground);
43691-
this._container.style.setProperty("--sd-graph-background-color", this._config.colors.graphBackground);
43692-
this._container.style.setProperty("--sd-graph-grid-color", this._config.colors.graphGrid);
43693-
this._container.style.setProperty("--sd-border-color", this._config.colors.cellBorder);
43694-
this._container.style.setProperty("--sd-cell-html-foreground", this._config.colors.cellForeground);
43695-
this._container.style.setProperty("--sd-cell-html-hover-column-background", this._config.colors.cellColumnHover);
43696-
this._container.style.setProperty("--sd-cell-divider-color", this._config.colors.cellDivider);
43697-
this._container.style.setProperty("--sd-graph-background-color", this._config.colors.cellBackground);
43687+
const body = document.getElementsByTagName("body")[0];
43688+
body.style.setProperty("--sd-toolbar-background-color", this._config.colors.toolbarBackground);
43689+
body.style.setProperty("--sd-toolbar-foreground-color", this._config.colors.toolbarForeground);
43690+
body.style.setProperty("--sd-toolbar-hover-background-color", this._config.colors.toolbarHoverBackground);
43691+
body.style.setProperty("--sd-toolbar-divider-background-color", this._config.colors.toolbarDividerBackground);
43692+
body.style.setProperty("--sd-graph-background-color", this._config.colors.graphBackground);
43693+
body.style.setProperty("--sd-graph-grid-color", this._config.colors.graphGrid);
43694+
body.style.setProperty("--sd-border-color", this._config.colors.cellBorder);
43695+
body.style.setProperty("--sd-cell-html-foreground", this._config.colors.cellForeground);
43696+
body.style.setProperty("--sd-cell-html-hover-column-background", this._config.colors.cellColumnHover);
43697+
body.style.setProperty("--sd-cell-divider-color", this._config.colors.cellDivider);
43698+
body.style.setProperty("--sd-graph-background-color", this._config.colors.cellBackground);
4369843699
this._graph.getStylesheet().getDefaultVertexStyle()["fillColor"] = this._config.colors.cellBackground;
4369943700
this._graph.getStylesheet().getDefaultEdgeStyle()["strokeColor"] = this._config.colors.edge;
4370043701
this._graph.getStylesheet().getDefaultVertexStyle()["cellHighlightColor"] = this._config.colors.cellHighlight;
@@ -44023,7 +44024,7 @@ var SchemaDesigner = class {
4402344024
setupToolbar() {
4402444025
const toolbarBelt = document.createElement("div");
4402544026
toolbarBelt.classList.add("sd-toolbar-belt");
44026-
this._container.appendChild(toolbarBelt);
44027+
this._container.parentElement.appendChild(toolbarBelt);
4402744028
this._toolbar = new SchemaDesignerToolbar(toolbarBelt, this._graph, this._config);
4402844029
if (this._config.isEditable) {
4402944030
this._toolbar.addButton(

‎dist/index.js.map‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/src/ts/schemaDesigner/schemaDesigner.js‎

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -30,17 +30,18 @@ class SchemaDesigner {
3030
this.setupToolbar();
3131
}
3232
setupColors() {
33-
this._container.style.setProperty("--sd-toolbar-background-color", this._config.colors.toolbarBackground);
34-
this._container.style.setProperty("--sd-toolbar-foreground-color", this._config.colors.toolbarForeground);
35-
this._container.style.setProperty("--sd-toolbar-hover-background-color", this._config.colors.toolbarHoverBackground);
36-
this._container.style.setProperty("--sd-toolbar-divider-background-color", this._config.colors.toolbarDividerBackground);
37-
this._container.style.setProperty("--sd-graph-background-color", this._config.colors.graphBackground);
38-
this._container.style.setProperty("--sd-graph-grid-color", this._config.colors.graphGrid);
39-
this._container.style.setProperty("--sd-border-color", this._config.colors.cellBorder);
40-
this._container.style.setProperty("--sd-cell-html-foreground", this._config.colors.cellForeground);
41-
this._container.style.setProperty("--sd-cell-html-hover-column-background", this._config.colors.cellColumnHover);
42-
this._container.style.setProperty("--sd-cell-divider-color", this._config.colors.cellDivider);
43-
this._container.style.setProperty("--sd-graph-background-color", this._config.colors.cellBackground);
33+
const body = document.getElementsByTagName("body")[0];
34+
body.style.setProperty("--sd-toolbar-background-color", this._config.colors.toolbarBackground);
35+
body.style.setProperty("--sd-toolbar-foreground-color", this._config.colors.toolbarForeground);
36+
body.style.setProperty("--sd-toolbar-hover-background-color", this._config.colors.toolbarHoverBackground);
37+
body.style.setProperty("--sd-toolbar-divider-background-color", this._config.colors.toolbarDividerBackground);
38+
body.style.setProperty("--sd-graph-background-color", this._config.colors.graphBackground);
39+
body.style.setProperty("--sd-graph-grid-color", this._config.colors.graphGrid);
40+
body.style.setProperty("--sd-border-color", this._config.colors.cellBorder);
41+
body.style.setProperty("--sd-cell-html-foreground", this._config.colors.cellForeground);
42+
body.style.setProperty("--sd-cell-html-hover-column-background", this._config.colors.cellColumnHover);
43+
body.style.setProperty("--sd-cell-divider-color", this._config.colors.cellDivider);
44+
body.style.setProperty("--sd-graph-background-color", this._config.colors.cellBackground);
4445
this._graph.getStylesheet().getDefaultVertexStyle()["fillColor"] = this._config.colors.cellBackground;
4546
this._graph.getStylesheet().getDefaultEdgeStyle()["strokeColor"] = this._config.colors.edge;
4647
this._graph.getStylesheet().getDefaultVertexStyle()['cellHighlightColor'] = this._config.colors.cellHighlight;
@@ -431,7 +432,7 @@ class SchemaDesigner {
431432
setupToolbar() {
432433
const toolbarBelt = document.createElement("div");
433434
toolbarBelt.classList.add("sd-toolbar-belt");
434-
this._container.appendChild(toolbarBelt);
435+
this._container.parentElement.appendChild(toolbarBelt);
435436
this._toolbar = new schemaDesignerToolbar_1.SchemaDesignerToolbar(toolbarBelt, this._graph, this._config);
436437
if (this._config.isEditable) {
437438
this._toolbar.addButton(this._config.icons.addTableIcon, "Add Table", () => {

‎dist/tsconfig.tsbuildinfo‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "azdataGraph",
33
"description": "azdataGraph is a derivative of mxGraph, which is a fully client side JavaScript diagramming library that uses SVG and HTML for rendering.",
4-
"version": "0.0.79",
4+
"version": "0.0.80",
55
"homepage": "https://github.com/microsoft/azdataGraph",
66
"author": "Microsoft",
77
"license": "Apache-2.0",

‎src/ts/schemaDesigner/schemaDesigner.ts‎

Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -43,19 +43,20 @@ export class SchemaDesigner {
4343
}
4444

4545
private setupColors() {
46-
this._container.style.setProperty("--sd-toolbar-background-color", this._config.colors.toolbarBackground);
47-
this._container.style.setProperty("--sd-toolbar-foreground-color", this._config.colors.toolbarForeground);
48-
this._container.style.setProperty("--sd-toolbar-hover-background-color", this._config.colors.toolbarHoverBackground);
49-
this._container.style.setProperty("--sd-toolbar-divider-background-color", this._config.colors.toolbarDividerBackground);
46+
const body = document.getElementsByTagName("body")[0];
47+
body.style.setProperty("--sd-toolbar-background-color", this._config.colors.toolbarBackground);
48+
body.style.setProperty("--sd-toolbar-foreground-color", this._config.colors.toolbarForeground);
49+
body.style.setProperty("--sd-toolbar-hover-background-color", this._config.colors.toolbarHoverBackground);
50+
body.style.setProperty("--sd-toolbar-divider-background-color", this._config.colors.toolbarDividerBackground);
5051

51-
this._container.style.setProperty("--sd-graph-background-color", this._config.colors.graphBackground);
52-
this._container.style.setProperty("--sd-graph-grid-color", this._config.colors.graphGrid);
53-
this._container.style.setProperty("--sd-border-color", this._config.colors.cellBorder);
52+
body.style.setProperty("--sd-graph-background-color", this._config.colors.graphBackground);
53+
body.style.setProperty("--sd-graph-grid-color", this._config.colors.graphGrid);
54+
body.style.setProperty("--sd-border-color", this._config.colors.cellBorder);
5455

55-
this._container.style.setProperty("--sd-cell-html-foreground", this._config.colors.cellForeground);
56-
this._container.style.setProperty("--sd-cell-html-hover-column-background", this._config.colors.cellColumnHover);
57-
this._container.style.setProperty("--sd-cell-divider-color", this._config.colors.cellDivider);
58-
this._container.style.setProperty("--sd-graph-background-color", this._config.colors.cellBackground);
56+
body.style.setProperty("--sd-cell-html-foreground", this._config.colors.cellForeground);
57+
body.style.setProperty("--sd-cell-html-hover-column-background", this._config.colors.cellColumnHover);
58+
body.style.setProperty("--sd-cell-divider-color", this._config.colors.cellDivider);
59+
body.style.setProperty("--sd-graph-background-color", this._config.colors.cellBackground);
5960

6061

6162
this._graph.getStylesheet().getDefaultVertexStyle()["fillColor"] = this._config.colors.cellBackground;
@@ -507,7 +508,7 @@ export class SchemaDesigner {
507508
private setupToolbar() {
508509
const toolbarBelt = document.createElement("div");
509510
toolbarBelt.classList.add("sd-toolbar-belt");
510-
this._container.appendChild(toolbarBelt);
511+
(this._container.parentElement as HTMLElement).appendChild(toolbarBelt);
511512
this._toolbar = new SchemaDesignerToolbar(toolbarBelt, this._graph, this._config);
512513
if (this._config.isEditable) {
513514
this._toolbar.addButton(

0 commit comments

Comments
 (0)