fix(tree-grid): fixed external filtering sample window alignment (#3501)

Author: tishko0

src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.html

@@ -7,7 +7,7 @@
             </igx-select-item>
         </igx-select>
 
-        <igx-grid-excel-style-filtering [column]="grid1.getColumnByName(gridColums.value)">
+        <igx-grid-excel-style-filtering [column]="grid1.getColumnByName(gridColums.value)" [maxHeight]="'590px'">
         </igx-grid-excel-style-filtering>
     </div>
 

src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.scss

@@ -2,6 +2,7 @@
     display: flex;
     flex-flow: row;
     margin: 15px;
+    column-gap: 5px;
 }
 
 .flex-column {
@@ -12,4 +13,4 @@
 
 .igSelect {
     margin-left: 1px;
-}
+}

src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.html

@@ -7,7 +7,7 @@
             </igx-select-item>
         </igx-select>
 
-        <igx-grid-excel-style-filtering [column]="hierarchicalGrid.getColumnByName(gridColums.value)">
+        <igx-grid-excel-style-filtering [column]="hierarchicalGrid.getColumnByName(gridColums.value)" [maxHeight]="'590px'">
         </igx-grid-excel-style-filtering>
     </div>
 

src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.scss

@@ -2,6 +2,7 @@
     margin: 15px;
     display: flex;
     flex-flow: row;
+    column-gap: 5px;
 }
 
 .photo {
@@ -21,4 +22,4 @@
 
 .igSelect {
     margin-left: 1px;
-}
+}

src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.html

@@ -7,7 +7,7 @@
             </igx-select-item>
         </igx-select>
 
-        <igx-grid-excel-style-filtering [column]="tGrid.getColumnByName(gridColumns.value)">
+        <igx-grid-excel-style-filtering [column]="tGrid.getColumnByName(gridColumns.value)" [maxHeight]="'590px'">
         </igx-grid-excel-style-filtering>
     </div>
 

src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.scss

@@ -4,6 +4,7 @@
     height: 650px;
     margin: 15px;
     justify-content: center;
+    column-gap: 5px;
 }
 
 .flex-column {
@@ -15,4 +16,4 @@
 
 .igSelect {
     margin-left: 1px;
-}
+}