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

Add styling to selected tabs in BDC Dashboard (#6978)

Browse Source 
* Change cursor over tabs to be hand (pointer)

* Change hyperlink color

* Hook up CSSStyles to be updated from extension side and make BDC dashboard tabs change style when selected

* Remove unused file

* Add back in call to updateStyles

* Fix typos
This commit is contained in:
Charles Gagnon
2019-08-27 14:14:46 -07:00
committed by GitHub
parent 1e217094a7
commit a27b759b10
7 changed files with 84 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/sql/workbench/browser/modelComponents/componentBase.ts
View File

@@ -30,7 +30,6 @@ export abstract class ComponentBase extends Disposable implements IComponent, On
private _valid: boolean = true;
protected _validations: (() => boolean | Thenable<boolean>)[] = [];
private _eventQueue: IComponentEventArgs[] = [];
private _CSSStyles: { [key: string]: string } = {};
constructor(
protected _changeRef: ChangeDetectorRef,
@@ -82,7 +81,7 @@ export abstract class ComponentBase extends Disposable implements IComponent, On
public refreshDataProvider(item: any): void {
}
public updateStyles() {
public updateStyles(): void {
const element = (<HTMLElement>this._el.nativeElement);
for (const style in this.CSSStyles) {
element.style[style] = this.CSSStyles[style];
@@ -90,13 +89,9 @@ export abstract class ComponentBase extends Disposable implements IComponent, On
}
public setProperties(properties: { [key: string]: any; }): void {
if (!properties) {
this.properties = {};
}
properties = properties || {};
this.properties = properties;
if (this.CSSStyles !== this._CSSStyles) {
this.updateStyles();
}
this.updateStyles();
this.layout();
this.validate();
}
@@ -105,10 +100,7 @@ export abstract class ComponentBase extends Disposable implements IComponent, On
public updateProperty(key: string, value: any): void {
if (key) {
this.properties[key] = value;
if (this.CSSStyles !== this._CSSStyles) {
this.updateStyles();
}
this.updateStyles();
this.layout();
this.validate();
}