From 32d4140bd2d006b877193ea94de393a554847e31 Mon Sep 17 00:00:00 2001 From: Emanuel Necula Date: Mon, 19 Feb 2024 10:09:37 +0200 Subject: [PATCH 1/2] feat(grid): increase header row height in high density mode --- projects/angular/components/ui-grid/src/ui-grid.component.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/angular/components/ui-grid/src/ui-grid.component.scss b/projects/angular/components/ui-grid/src/ui-grid.component.scss index 93cee296..654f4cee 100644 --- a/projects/angular/components/ui-grid/src/ui-grid.component.scss +++ b/projects/angular/components/ui-grid/src/ui-grid.component.scss @@ -26,7 +26,7 @@ ui-grid { --ui-grid-action-buttons-spacing: 16px; &.ui-grid-state-high-density { - --ui-grid-header-row-height: 32px; + --ui-grid-header-row-height: 40px; --ui-grid-row-height: 32px; --ui-grid-filter-container-min-height: 48px; --ui-grid-foother-height: 32px; From 413ab2c19d747dabb8653663405f45eb61854a1a Mon Sep 17 00:00:00 2001 From: Emanuel Necula Date: Mon, 19 Feb 2024 10:19:39 +0200 Subject: [PATCH 2/2] test(grid): update the failing tests for the high density mode feature --- .../angular/components/ui-grid/src/ui-grid.component.spec.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/angular/components/ui-grid/src/ui-grid.component.spec.ts b/projects/angular/components/ui-grid/src/ui-grid.component.spec.ts index 2e2e5198..42de25e8 100644 --- a/projects/angular/components/ui-grid/src/ui-grid.component.spec.ts +++ b/projects/angular/components/ui-grid/src/ui-grid.component.spec.ts @@ -1143,7 +1143,7 @@ describe('Component: UiGrid', () => { expect(grid.rowSize).toBe(32); const headerRow = fixture.debugElement.query(By.css('.ui-grid-header-row')).nativeElement; - expect(getComputedStyle(headerRow).height).toBe('32px'); + expect(getComputedStyle(headerRow).height).toBe('40px'); const contentRow = fixture.debugElement.query(By.css('.ui-grid-row')).nativeElement; expect(getComputedStyle(contentRow).height).toBe('32px'); });