Fixing the height of the query plan (#18409) (#18433)

* Fixing the height of the query plan

* Fixing layout issues
This commit is contained in:
Aasim Khan
2022-02-17 09:23:25 -08:00
committed by GitHub
parent 5e7356d652
commit c2d294cb79
3 changed files with 24 additions and 6 deletions

View File

@@ -88,7 +88,6 @@ export class QueryPlan2View implements IPanelView {
public render(container: HTMLElement): void {
container.appendChild(this._container);
this._container.style.overflow = 'scroll';
}
dispose() {
@@ -98,8 +97,6 @@ export class QueryPlan2View implements IPanelView {
}
public layout(dimension: DOM.Dimension): void {
this._container.style.width = dimension.width + 'px';
this._container.style.height = dimension.height + 'px';
}
public clear() {
@@ -194,7 +191,12 @@ export class QueryPlan2 implements ISashLayoutProvider {
if (newHeight < 200) {
return;
}
this._container.style.height = `${newHeight}px`;
/**
* Since the parent container is flex, we will have
* to change the flex-basis property to change the height.
*/
this._container.style.minHeight = '200px';
this._container.style.flex = `0 0 ${newHeight}px`;
});
/**