Trying to fix the scrollbar bug (#16477)

This commit is contained in:
Aasim Khan
2021-07-29 10:19:28 -07:00
committed by GitHub
parent 39f65b1881
commit 0bbbb91adf

View File

@@ -47,31 +47,31 @@ export interface GridModelViewConfig extends GridCellConfig {
selector: 'dashboard-grid-container', selector: 'dashboard-grid-container',
template: ` template: `
<div class="fullsize" style="display: flex; flex-direction: column"> <div class="fullsize" style="display: flex; flex-direction: column">
<div scrollable [horizontalScroll]="${ScrollbarVisibility.Auto}" [verticalScroll]="${ScrollbarVisibility.Auto}"> <table class="grid-table">
<table class="grid-table"> <div scrollable [horizontalScroll]="${ScrollbarVisibility.Auto}" [verticalScroll]="${ScrollbarVisibility.Auto}">
<tr *ngFor="let row of rows" class="grid-table-row"> <tr *ngFor="let row of rows" class="grid-table-row">
<ng-container *ngFor="let col of cols"> <ng-container *ngFor="let col of cols">
<ng-container *ngIf="getContent(row,col) !== undefined"> <ng-container *ngIf="getContent(row,col) !== undefined">
<td class="table-cell" [colSpan]=getColspan(row,col) [rowSpan]=getRowspan(row,col) <td class="table-cell" [colSpan]=getColspan(row,col) [rowSpan]=getRowspan(row,col)
[width]="getWidgetWidth(row,col)" [height]="getWidgetHeight(row,col)"> [width]="getWidgetWidth(row,col)" [height]="getWidgetHeight(row,col)">
<dashboard-widget-wrapper *ngIf="isWidget(row,col)" [_config]="getWidgetContent(row,col)" <dashboard-widget-wrapper *ngIf="isWidget(row,col)" [_config]="getWidgetContent(row,col)"
style="position:absolute;" [style.width]="getWidgetWidth(row,col)" style="position:absolute;" [style.width]="getWidgetWidth(row,col)"
[style.height]="getWidgetHeight(row,col)"> [style.height]="getWidgetHeight(row,col)">
</dashboard-widget-wrapper> </dashboard-widget-wrapper>
<webview-content *ngIf="isWebview(row,col)" [webviewId]="getWebviewId(row,col)"> <webview-content *ngIf="isWebview(row,col)" [webviewId]="getWebviewId(row,col)">
</webview-content> </webview-content>
<modelview-content *ngIf="isModelView(row,col)" [modelViewId]="getModelViewId(row,col)"> <modelview-content *ngIf="isModelView(row,col)" [modelViewId]="getModelViewId(row,col)">
</modelview-content> </modelview-content>
</td> </td>
</ng-container> </ng-container>
</ng-container> </ng-container>
</tr> </tr>
</table> </div>
</div> </table>
</div> </div>
`, `,
providers: [{ provide: TabChild, useExisting: forwardRef(() => DashboardGridContainer) }] providers: [{ provide: TabChild, useExisting: forwardRef(() => DashboardGridContainer) }]