diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html index 8f6faa354..5ed7b8e8f 100644 --- a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html +++ b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.html @@ -1,6 +1,6 @@
diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.scss b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.scss index 445e41f21..13d93fb2e 100644 --- a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.scss +++ b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.scss @@ -161,6 +161,11 @@ } } +.filename-edit-button:hover { + background-color: var(--iqser-grey-6); + border-radius: 50%; +} + .file-attribute:hover { &.workflow-attribute { background-color: var(--iqser-grey-6); diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.ts b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.ts index 20f1034bd..eade5cfd4 100644 --- a/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.ts +++ b/apps/red-ui/src/app/modules/dossier-overview/components/file-attribute/file-attribute.component.ts @@ -147,7 +147,13 @@ export class FileAttributeComponent extends BaseFormComponent implements OnDestr this.#subscriptions.unsubscribe(); } - async editFileAttribute($event: MouseEvent): Promise { + handleFieldClick($event: MouseEvent) { + if (!this.fileNameColumn) { + this.editFileAttribute($event); + } + } + + editFileAttribute($event: MouseEvent) { if ( !this.file.isInitialProcessing && this.permissionsService.canEditFileAttributes(this.file, this.dossier) && diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/table-item/table-item.component.scss b/apps/red-ui/src/app/modules/dossier-overview/components/table-item/table-item.component.scss index f46bac911..ca71f0d3b 100644 --- a/apps/red-ui/src/app/modules/dossier-overview/components/table-item/table-item.component.scss +++ b/apps/red-ui/src/app/modules/dossier-overview/components/table-item/table-item.component.scss @@ -31,9 +31,10 @@ .file-name-cell:hover { ::ng-deep.file-name-column { - background: var(--iqser-grey-6); + .filename-edit-button { + width: 24px; + height: 24px; - div { mat-icon { visibility: visible; }