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 7ea57cc77..5b47b90b7 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 3de6f374c..39e801093 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 @@ -170,6 +170,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 1c3ef8a1f..9346306ed 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 @@ -150,7 +150,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; }