fix(toolbar): Reflect group by area styles when toolbar is enabled.

Svetoslav Krastev · Svetoslav Krastev · commit 34e52e159d28 · 2023-01-06T01:17:18.000+02:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss
@@ -169,6 +169,11 @@
         + igx-grid-header-row {
             margin-top: map.get($grid-toolbar-height, 'comfortable');
         }
+
+        + igx-grid-group-by-area {
+            margin-top: map.get($grid-toolbar-height, 'comfortable');
+            height: auto;
+        }
     }
 
 
@@ -183,6 +188,11 @@
         + igx-grid-header-row {
             margin-top: map.get($grid-toolbar-height, 'cosy');
         }
+
+        + igx-grid-group-by-area {
+            margin-top: map.get($grid-toolbar-height, 'cosy');
+            height: auto;
+        }
     }
 
     %igx-grid-toolbar--compact {
@@ -196,6 +206,11 @@
         + igx-grid-header-row {
             margin-top: map.get($grid-toolbar-height, 'compact');
         }
+
+        + igx-grid-group-by-area {
+            margin-top: map.get($grid-toolbar-height, 'compact');
+            height: auto;
+        }
     }
 
     %igx-grid-toolbar__title {

Original file line number	Diff line number	Diff line change
`@@ -169,6 +169,11 @@`
`169`	`169`	`+ igx-grid-header-row {`
`170`	`170`	`margin-top: map.get($grid-toolbar-height, 'comfortable');`
`171`	`171`	`}`
	`172`	`+`
	`173`	`+ + igx-grid-group-by-area {`
	`174`	`+ margin-top: map.get($grid-toolbar-height, 'comfortable');`
	`175`	`+ height: auto;`
	`176`	`+ }`
`172`	`177`	`}`
`173`	`178`
`174`	`179`
`@@ -183,6 +188,11 @@`
`183`	`188`	`+ igx-grid-header-row {`
`184`	`189`	`margin-top: map.get($grid-toolbar-height, 'cosy');`
`185`	`190`	`}`
	`191`	`+`
	`192`	`+ + igx-grid-group-by-area {`
	`193`	`+ margin-top: map.get($grid-toolbar-height, 'cosy');`
	`194`	`+ height: auto;`
	`195`	`+ }`
`186`	`196`	`}`
`187`	`197`
`188`	`198`	`%igx-grid-toolbar--compact {`
`@@ -196,6 +206,11 @@`
`196`	`206`	`+ igx-grid-header-row {`
`197`	`207`	`margin-top: map.get($grid-toolbar-height, 'compact');`
`198`	`208`	`}`
	`209`	`+`
	`210`	`+ + igx-grid-group-by-area {`
	`211`	`+ margin-top: map.get($grid-toolbar-height, 'compact');`
	`212`	`+ height: auto;`
	`213`	`+ }`
`199`	`214`	`}`
`200`	`215`
`201`	`216`	`%igx-grid-toolbar__title {`