Add overlay settings changes

Author: zdrawku

src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.html

@@ -14,8 +14,8 @@
         <igx-grid-toolbar>
             <igx-grid-toolbar-title>{{ toolbarTitle }}</igx-grid-toolbar-title>
             <igx-grid-toolbar-actions>
-                <igx-grid-toolbar-hiding *ngIf="enableHiding"></igx-grid-toolbar-hiding>
-                <igx-grid-toolbar-pinning *ngIf="enablePinning"></igx-grid-toolbar-pinning>
+                <igx-grid-toolbar-hiding *ngIf="enableHiding" [overlaySettings]="overlaySettingsAuto"></igx-grid-toolbar-hiding>
+                <igx-grid-toolbar-pinning *ngIf="enablePinning" [overlaySettings]="overlaySettingsScaleCenter"></igx-grid-toolbar-pinning>
                 <igx-grid-toolbar-exporter *ngIf="enableExport"></igx-grid-toolbar-exporter>
             </igx-grid-toolbar-actions>
         </igx-grid-toolbar>

src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { GlobalPositionStrategy, scaleInCenter, scaleOutCenter, AbsoluteScrollStrategy, AutoPositionStrategy } from 'igniteui-angular';
 import { athletesData } from '../../data/athletesData';
 
 @Component({
@@ -13,6 +14,24 @@ export class GridToolbarSample2Component {
     enableHiding = true;
     enablePinning = true;
     enableExport = true;
+    public positionStrategyScaleCenter = new GlobalPositionStrategy({
+        openAnimation: scaleInCenter,
+        closeAnimation: scaleOutCenter
+    });
+    public overlaySettingsScaleCenter = {
+        positionStrategy: this.positionStrategyScaleCenter,
+        scrollStrategy: new AbsoluteScrollStrategy(),
+        modal: true,
+        closeOnEscape: true
+    };
+
+    public positionStrategyAuto = new AutoPositionStrategy();
+    public overlaySettingsAuto = {
+        positionStrategy: this.positionStrategyAuto,
+        scrollStrategy: new AbsoluteScrollStrategy(),
+        modal: false,
+        closeOnEscape: false
+    };
 
     constructor() {
         this.data = athletesData;