ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-16 17:22:29 -05:00
Code Issues Packages Projects Releases Wiki Activity

apply css style at the right element (#14144)

Browse Source 
* apply css style at the right element

* make mergeCss protected
This commit is contained in:
Alan Ren
2021-02-03 10:27:12 -08:00
committed by GitHub
parent b390052c86
commit 52a642f351
26 changed files with 155 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/sql/workbench/browser/modelComponents/dropdown.component.ts
View File

@@ -28,7 +28,7 @@ import { ILogService } from 'vs/platform/log/common/log';
selector: 'modelview-dropdown',
template: `
<div [style.width]="getWidth()">
<div [ngStyle]="CSSStyles">
<div [style.display]="getLoadingDisplay()" style="width: 100%; position: relative">
<div class="modelview-loadingComponent-spinner" style="position:absolute; right: 0px; margin-right: 5px; height:15px; z-index:1" #spinnerElement></div>
<div [style.display]="getLoadingDisplay()" #loadingBox style="width: 100%;"></div>
@@ -286,4 +286,10 @@ export default class DropDownComponent extends ComponentBase<azdata.DropDownProp
public getStatusText(): string {
return this.loading ? this.loadingText : this.loadingCompletedText;
}
public get CSSStyles(): azdata.CssStyles {
return this.mergeCss(super.CSSStyles, {
'width': this.getWidth()
});
}
}