fix(toolbar): align actions on right side by default (#10550)

Co-authored-by: Zdravko Kolev <[email protected]>
Co-authored-by: Hristo <[email protected]>
Co-authored-by: Radoslav Karaivanov <[email protected]>
Co-authored-by: Konstantin Dinev <[email protected]>

Author: 5 people

projects/igniteui-angular/src/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss

@@ -234,13 +234,14 @@
         flex-wrap: wrap;
         flex-grow: 1;
         justify-content: flex-end;
+        margin-#{$right}: map.get($grid-toolbar-spacer, 'comfortable');
     }
 
     %igx-grid-toolbar__actions {
         display: flex;
         align-items: center;
         flex-flow: row wrap;
-        margin-#{$left}: map.get($grid-toolbar-spacer, 'comfortable');
+        margin-#{$left}: auto;
 
         > * {
             display: flex;

projects/igniteui-angular/src/lib/grids/toolbar/grid-toolbar.component.html

@@ -9,10 +9,6 @@
 </ng-template>
 <igx-grid-toolbar-actions *ngIf="!hasActions">
     <igx-grid-toolbar-advanced-filtering *ngIf="grid.allowAdvancedFiltering"></igx-grid-toolbar-advanced-filtering>
-    <igx-grid-toolbar-hiding></igx-grid-toolbar-hiding>
-    <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
-    <igx-grid-toolbar-exporter (exportStarted)="showProgress = true" (exportEnded)="showProgress = false">
-    </igx-grid-toolbar-exporter>
 </igx-grid-toolbar-actions>
 <ng-container *ngTemplateOutlet="actions"></ng-container>