diff --git a/src/sql/parts/modelComponents/flexContainer.component.ts b/src/sql/parts/modelComponents/flexContainer.component.ts index 78c1c5a92b..ede12e7a90 100644 --- a/src/sql/parts/modelComponents/flexContainer.component.ts +++ b/src/sql/parts/modelComponents/flexContainer.component.ts @@ -26,7 +26,7 @@ class FlexItem { template: `
-
+
@@ -40,6 +40,7 @@ export default class FlexContainer extends ContainerBase impleme private _justifyContent: string; private _alignItems: string; private _alignContent: string; + private _textAlign: string; private _height: string; private _width: string; @@ -65,6 +66,7 @@ export default class FlexContainer extends ContainerBase impleme this._justifyContent = layout.justifyContent ? layout.justifyContent : ''; this._alignItems = layout.alignItems ? layout.alignItems : ''; this._alignContent = layout.alignContent ? layout.alignContent : ''; + this._textAlign = layout.textAlign ? layout.textAlign : ''; this._height = this.convertSize(layout.height); this._width = this.convertSize(layout.width); @@ -96,6 +98,10 @@ export default class FlexContainer extends ContainerBase impleme return this._alignContent; } + public get textAlign(): string { + return this._textAlign; + } + private getItemFlex(item: FlexItem): string { return item.config ? item.config.flex : '1 1 auto'; } diff --git a/src/sql/parts/modelComponents/formContainer.component.ts b/src/sql/parts/modelComponents/formContainer.component.ts index 49067418f6..a881b2e9b8 100644 --- a/src/sql/parts/modelComponents/formContainer.component.ts +++ b/src/sql/parts/modelComponents/formContainer.component.ts @@ -118,11 +118,11 @@ export default class FormContainer extends ContainerBase impleme } private getFormWidth(): string { - return this.convertSize(this._formLayout && this._formLayout.width, '100%'); + return this.convertSize(this._formLayout && this._formLayout.width, ''); } private getFormHeight(): string { - return this.convertSize(this._formLayout && this._formLayout.height, '100%'); + return this.convertSize(this._formLayout && this._formLayout.height, ''); } private getComponentWidth(item: FormItem): string { diff --git a/src/sql/sqlops.proposed.d.ts b/src/sql/sqlops.proposed.d.ts index 206ae39aff..69b5ef50bf 100644 --- a/src/sql/sqlops.proposed.d.ts +++ b/src/sql/sqlops.proposed.d.ts @@ -216,6 +216,11 @@ declare module 'sqlops' { * Container Width */ width?: number | string; + + /** + * + */ + textAlign?: string } export interface FlexItemLayout {