Fix for Schema compare Options dialog double scroll (#5584)

* setting height through vh removes outser scroll (% does not work)

* Chainging auto to scroll for overflow for better viewing
This commit is contained in:
udeeshagautam
2019-05-23 15:51:52 -07:00
committed by GitHub
parent fbbf767700
commit 7b01a6ca61

View File

@@ -460,7 +460,6 @@ export class SchemaCompareOptionsDialog {
this.optionsFlexBuilder = view.modelBuilder.flexContainer()
.withLayout({
flexFlow: 'column',
height: 760,
}).component();
this.descriptionHeading = view.modelBuilder.table().withProperties({
@@ -470,13 +469,11 @@ export class SchemaCompareOptionsDialog {
headerCssClass: 'no-borders',
toolTip: 'Option Description'
},
],
height: 30
]
}).component();
this.descriptionText = view.modelBuilder.text().withProperties({
value: ' ',
height: 100
value: ' '
}).component();
this.GetGeneralOptionCheckBoxes(view);
@@ -489,9 +486,9 @@ export class SchemaCompareOptionsDialog {
flexFlow: 'column',
}).component();
uberOptionsFlexBuilder.addItem(this.optionsFlexBuilder, { CSSStyles: { 'overflow': 'scroll' } });
uberOptionsFlexBuilder.addItem(this.descriptionHeading, { CSSStyles: { 'font-weight': 'bold' } });
uberOptionsFlexBuilder.addItem(this.descriptionText, { CSSStyles: { 'padding': '4px' } });
uberOptionsFlexBuilder.addItem(this.optionsFlexBuilder, { CSSStyles: { 'overflow': 'scroll', 'height': '65vh' } });
uberOptionsFlexBuilder.addItem(this.descriptionHeading, { CSSStyles: { 'font-weight': 'bold', 'height': '30px' } });
uberOptionsFlexBuilder.addItem(this.descriptionText, { CSSStyles: { 'padding': '4px', 'overflow': 'scroll', 'height': '10vh' } });
await view.initializeModel(uberOptionsFlexBuilder);
});
}