fix the layout issue in model view (#2280)

This commit is contained in:
Abbie Petchtes
2018-08-21 16:16:15 -07:00
committed by GitHub
parent 7c744f2307
commit 22f2151c21
2 changed files with 6 additions and 4 deletions

View File

@@ -25,7 +25,7 @@ import * as sqlops from 'sqlops';
@Component({
selector: 'modelview-content',
template: `
<div *ngIf="rootDescriptor" style="width: 100%; height: 100%; position: absolute;">
<div *ngIf="rootDescriptor" style="width: 100%; height: 100%;">
<model-component-wrapper style="display: block; height: 100%" [descriptor]="rootDescriptor" [modelStore]="modelStore">
</model-component-wrapper>
</div>

View File

@@ -30,10 +30,12 @@ export interface DialogComponentParams extends IBootstrapParams {
<h1 class="wizardPageTitle">{{_dialogPane.title}}</h1>
<div *ngIf="_dialogPane.description">{{_dialogPane.description}}</div>
</div>
<modelview-content [modelViewId]="modelViewId" style="flex: 1 1 auto; position: relative;">
</modelview-content>
<div style="flex: 1 1 auto; position: relative;">
<modelview-content [modelViewId]="modelViewId" style="width: 100%; height: 100%; position: absolute;">
</modelview-content>
</div>
</div>
<modelview-content [modelViewId]="modelViewId" *ngIf="!_dialogPane || !_dialogPane.displayPageTitle" style="flex: 1 1 auto; position: relative;">
<modelview-content [modelViewId]="modelViewId" *ngIf="!_dialogPane || !_dialogPane.displayPageTitle">
</modelview-content>
`
})