ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-17 02:51:36 -05:00
Code Issues Packages Projects Releases Wiki Activity

add css styling for text component (#5491)

Browse Source
This commit is contained in:
kisantia
2019-05-17 14:17:14 -07:00
committed by GitHub
parent 8ea831c845
commit 1fce604a11
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
extensions/schema-compare/src/schemaCompareResult.ts
View File

@@ -95,11 +95,13 @@ export class SchemaCompareResult {
}]); }]);
let sourceLabel = view.modelBuilder.text().withProperties({ let sourceLabel = view.modelBuilder.text().withProperties({
value: localize('schemaCompare.sourceLabel', 'Source') value: localize('schemaCompare.sourceLabel', 'Source'),
CSSStyles: { 'margin-bottom': '0px' }
}).component(); }).component();
let targetLabel = view.modelBuilder.text().withProperties({ let targetLabel = view.modelBuilder.text().withProperties({
value: localize('schemaCompare.targetLabel', 'Target') value: localize('schemaCompare.targetLabel', 'Target'),
CSSStyles: { 'margin-bottom': '0px' }
}).component(); }).component();
let arrowLabel = view.modelBuilder.text().withProperties({ let arrowLabel = view.modelBuilder.text().withProperties({

1
src/sql/azdata.proposed.d.ts vendored
View File

@@ -3165,6 +3165,7 @@ declare module 'azdata' {
export interface TextComponentProperties { export interface TextComponentProperties {
value?: string; value?: string;
links?: LinkArea[]; links?: LinkArea[];
CSSStyles?: { [key: string]: string };
} }
export interface LinkArea { export interface LinkArea {

2
src/sql/workbench/electron-browser/modelComponents/text.component.ts
View File

@@ -18,7 +18,7 @@ import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
@Component({ @Component({
selector: 'modelview-text', selector: 'modelview-text',
template: ` template: `
<p [style.width]="getWidth()" [innerHTML]="getValue()"></p>` <p [style.width]="getWidth()" [innerHTML]="getValue()" [ngStyle]="this.CSSStyles"></p>`
}) })
export default class TextComponent extends ComponentBase implements IComponent, OnDestroy, AfterViewInit { export default class TextComponent extends ComponentBase implements IComponent, OnDestroy, AfterViewInit {
@Input() descriptor: IComponentDescriptor; @Input() descriptor: IComponentDescriptor;