div {
@@ -67,7 +67,7 @@ cdk-virtual-scroll-viewport {
&.has-scrollbar:hover {
::ng-deep.cdk-virtual-scroll-content-wrapper {
- grid-template-columns: auto 3fr 1fr 2fr 1fr 2fr 1fr auto;
+ grid-template-columns: auto 3fr 2fr 1fr 2fr 1fr auto;
}
}
}
diff --git a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts
index 04fced365..0444437c2 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts
@@ -1,4 +1,15 @@
-import { ChangeDetectorRef, Component, ElementRef, HostListener, Injector, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import {
+ ChangeDetectorRef,
+ Component,
+ ElementRef,
+ HostListener,
+ Injector,
+ OnDestroy,
+ OnInit,
+ Renderer2,
+ TemplateRef,
+ ViewChild
+} from '@angular/core';
import { Toaster } from '@services/toaster.service';
import { AppStateService } from '@state/app-state.service';
import { FileDropOverlayService } from '@upload-download/services/file-drop-overlay.service';
@@ -82,6 +93,7 @@ export class DossierOverviewScreenComponent extends ListingComponent[] = [];
for (const config of this.displayedInFileListAttributes) {
if (config.displayedInFileList) {
- dynamicColumns.push({ label: config.label });
+ dynamicColumns.push({ label: config.label, notTranslatable: true });
}
}
this.tableColumnConfigs = [this.tableColumnConfigs[0], ...dynamicColumns, ...this.tableColumnConfigs.slice(1)];
+ this.dynamicColumnsCount = dynamicColumns.length;
+ this.updateGridColumns();
+ }
- // const element = this._elementRef.nativeElement.querySelector('.cdk-virtual-scroll-content-wrapper');
- // this._renderer.setStyle(element, 'grid-template-columns', 'auto 3fr 1fr 2fr 1fr 2fr 1fr auto 11px');
- // this._renderer.addClass(element, 'has-scrollbar:hover')
- // console.log('element: ', element);
+ updateGridColumns($event = null) {
+ const element = this._elementRef.nativeElement.querySelector('.cdk-virtual-scroll-content-wrapper');
+ const gridTemplateColumns = `auto 3fr repeat(${this.dynamicColumnsCount}, 1fr) 2fr 1fr 2fr 1fr auto ${
+ $event?.type === 'mouseenter' ? '' : '11px'
+ }`;
+ this._renderer.setStyle(element, 'grid-template-columns', gridTemplateColumns);
}
get displayedInFileListAttributes() {