fix(grid): remove reserved space for actions if scrollable

Author: CatalinB7

projects/angular/components/ui-grid/src/ui-grid.component.html

@@ -522,7 +522,7 @@
             </div>
 
             <ng-container *ngFor="let column of renderedColumns.freeColumns; let lastColumn = last; let columnIndex = index">
-                <div *ngLet="(+(column.directive.widthPx$ | async)! + (lastColumn ? (+(deficit$ | async)!) : 0)) as widthPx"
+                <div *ngLet="(+(column.directive.widthPx$ | async)! + (lastColumn ? (+(deficit$ | async)!) : 0) + (lastColumn && isScrollable ? 50 : 0)) as widthPx"
                      [class.ui-grid-primary]="column.directive.primary"
                      [class.ui-grid-secondary]="!column.directive.primary"
                      [class.ui-grid-state-resizing]="column.directive === resizeManager.current?.column"

projects/angular/components/ui-grid/src/ui-grid.component.scss

@@ -554,7 +554,7 @@ ui-grid {
                 }
 
                 .invisible-refresh {
-                    opacity: 0;
+                    display: none;
                 }
             }
 

projects/angular/components/ui-grid/src/ui-grid.component.ts

@@ -883,6 +883,7 @@ export class UiGridComponent<T extends IGridDataEntry>
     isOverflown$ = iif(() => this.isScrollable, this.minWidth$.pipe(
         map(minWidth => this._isOverflown(minWidth)),
         distinctUntilChanged(),
+        shareReplay(1),
     ), of(false));
 
     tableOverflowStyle$ = this.isOverflown$.pipe(