[ACS-7242] Resizing columns with panel opened on the right, e.g. nfo Drawer creates empty columns space when panel is closed. (#9446)

This commit is contained in:
jacekpluta 2024-03-18 11:45:24 +01:00 committed by GitHub
parent 69de85ad06
commit c3459c40cc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 7 deletions

View File

@ -39,7 +39,7 @@
'adf-datatable__cursor--pointer': !isResizing,
'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),
'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}"
[ngStyle]="(col.width) && {'flex': getFlexValue(col)}"
[ngStyle]="(col.width) && !lastColumn && {'flex': getFlexValue(col)}"
[attr.aria-label]="col.title | translate"
(click)="onColumnHeaderClick(col, $event)"
(keyup.enter)="onColumnHeaderClick(col, $event)"
@ -103,7 +103,7 @@
</span>
</div>
<div
*ngIf="isResizingEnabled && col.resizable"
*ngIf="isResizingEnabled && col.resizable && !lastColumn"
[ngClass]="hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'"
adf-resize-handle
(click)="$event.stopPropagation()"
@ -216,7 +216,7 @@
[adf-context-menu]="getContextMenuActions(row, col)"
[adf-context-menu-enabled]="contextMenu"
adf-drop-zone dropTarget="cell" [dropColumn]="col" [dropRow]="row"
[ngStyle]="(col.width) && {'flex': getFlexValue(col)}">
[ngStyle]="(col.width) && !lastColumn && {'flex': getFlexValue(col)}">
<div *ngIf="!col.template" class="adf-datatable-cell-container">
<ng-container [ngSwitch]="data.getColumnType(row, col)">
<div *ngSwitchCase="'image'" class="adf-cell-value">

View File

@ -1738,20 +1738,20 @@ describe('Column Resizing', () => {
});
});
it('should display resize handle for each column by default', () => {
it('should display resize handle for each column, but not for the last one, by default', () => {
dataTable.isResizingEnabled = true;
fixture.detectChanges();
expect(getResizeHandlersCount()).toBe(2);
expect(getResizeHandlersCount()).toBe(1);
});
it('should NOT display resize handle for the column when the column has resizable param set to false', () => {
it('should NOT display resize handle for the column when the column has resizable param set to false and column is not the last one', () => {
dataTable.isResizingEnabled = true;
dataTableSchema[0].resizable = false;
dataTable.data = new ObjectDataTableAdapter([...data], [...dataTableSchema]);
fixture.detectChanges();
expect(getResizeHandlersCount()).toBe(1);
expect(getResizeHandlersCount()).toBe(0);
});
it('should display resize handle when the feature is Enabled [isResizingEnabled=true]', () => {