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

* 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

View File

@@ -532,6 +532,14 @@ class ComponentWrapper implements azdata.Component {
this.setProperty('required', v);
}
public get CSSStyles(): { [key: string]: string } {
return this.properties['CSSStyles'];
}
public set CSSStyles(cssStyles: { [key: string]: string }) {
this.setProperty('CSSStyles', cssStyles);
}
public toComponentShape(): IComponentShape {
return <IComponentShape>{
id: this.id,
@@ -604,6 +612,11 @@ class ComponentWrapper implements azdata.Component {
return this.setProperty(key, value);
}
public updateCssStyles(cssStyles: { [key: string]: string }): Thenable<void> {
this.properties.CSSStyles = Object.assign(this.properties.CSSStyles || {}, cssStyles);
return this.notifyPropertyChanged();
}
protected notifyPropertyChanged(): Thenable<void> {
return this._proxy.$setProperties(this._handle, this._id, this.properties);
}
@@ -626,7 +639,6 @@ class ComponentWrapper implements azdata.Component {
}
}
protected setDataProvider(): Thenable<void> {
return this._proxy.$setDataProvider(this._handle, this._id);
}