chore(*): Move sizes for pivot in pivot header.

Author: MKirova

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.html

@@ -3,9 +3,6 @@
     <div class="igx-grid__tr igx-grid__tr-header-row" role="row" [style.width.px]="width">
             <igx-pivot-row-dimension-header-group [ngClass]="rowDimensionColumn.headerGroupClasses"
                 [ngStyle]="rowDimensionColumn.headerGroupStyles | igxHeaderGroupStyle:rowDimensionColumn:grid.pipeTrigger" [column]="rowDimensionColumn"
-                [style.min-width]="getHeaderWidthFromDimension()"
-                [style.width]="getHeaderWidthFromDimension()"
-                [style.flex-basis]="getHeaderWidthFromDimension()"
                 [rowIndex]="rowIndex"
                 [colIndex]="colIndex"
                 [layout]="layout"

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.ts

@@ -171,13 +171,6 @@ export class IgxPivotRowDimensionContentComponent extends IgxGridHeaderRowCompon
         return this.grid.hasHorizontalLayout ? 0 : this.dimension.level;
     }
 
-    protected getHeaderWidthFromDimension() {
-        if (this.grid.hasHorizontalLayout) {
-            return this.width === -1 ? 'fit-content' : this.width;
-        }
-        return this.grid.rowDimensionWidth(this.rootDimension);
-    }
-
     protected extractFromDimensions() {
         if (this.dimension && this.rowData) {
             const col = this.extractFromDimension(this.dimension, this.rowData);

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.html

@@ -26,6 +26,9 @@
         [igxColumnMovingDrop]="column"
         [column]="column"
         (keydown)="grid.navigation.headerNavigation($event)"
+        [style.min-width]="getHeaderWidthFromDimension()"
+        [style.width]="getHeaderWidthFromDimension()"
+        [style.flex-basis]="getHeaderWidthFromDimension()"
     >
     </igx-pivot-row-dimension-header>
     @if (!column.columnGroup && column.resizable) {

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.ts

@@ -146,6 +146,14 @@ export class IgxPivotRowDimensionHeaderGroupComponent extends IgxGridHeaderGroup
         };
     }
 
+
+    protected getHeaderWidthFromDimension() {
+        if (this.grid.hasHorizontalLayout) {
+            return this.parent.width === -1 ? 'fit-content' : this.width;
+        }
+        return this.grid.rowDimensionWidth(this.parent.rootDimension);
+    }
+
     private findRootDimension(field: string): IPivotDimension {
         const rows = this.grid.rowDimensions;
         let tempRow;