From 1cfa6acae51585d58ea223e2f68750ff0d63e687 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta@devplant.ro>
Date: Mon, 10 Apr 2023 12:38:39 +0300
Subject: [PATCH] RED-6428: Created help mode link for Edit file attribute.

---
 .../file-attribute/file-attribute.component.html  |  3 ++-
 .../file-attribute/file-attribute.component.scss  | 15 ++++-----------
 apps/red-ui/src/assets/help-mode/links.json       |  6 ++++++
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/table-item/file-attribute/file-attribute.component.html b/apps/red-ui/src/app/modules/dossier-overview/components/table-item/file-attribute/file-attribute.component.html
index 71a5b9a96..2724663a1 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/table-item/file-attribute/file-attribute.component.html
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/table-item/file-attribute/file-attribute.component.html
@@ -5,13 +5,14 @@
     </ng-template>
 
     <ng-container *ngIf="((fileAttributesService.isEditingFileAttribute$ | async) === false || isInEditMode) && !file.isProcessing">
-        <div *ngIf="!isInEditMode; else input" class="edit-button">
+        <div *ngIf="!isInEditMode; else input" class="action-buttons edit-button">
             <iqser-circle-button
                 (action)="editFileAttribute($event)"
                 *ngIf="permissionsService.canEditFileAttributes(file, dossier)"
                 [disabled]="!fileAttribute.editable"
                 [icon]="'iqser:edit'"
                 [tooltip]="'file-attribute.actions.edit' | translate"
+                [iqserHelpMode]="'edit-file-attributes'"
                 id="edit-attribute-button"
             ></iqser-circle-button>
         </div>
diff --git a/apps/red-ui/src/app/modules/dossier-overview/components/table-item/file-attribute/file-attribute.component.scss b/apps/red-ui/src/app/modules/dossier-overview/components/table-item/file-attribute/file-attribute.component.scss
index f9755ac60..5d0d3d2a4 100644
--- a/apps/red-ui/src/app/modules/dossier-overview/components/table-item/file-attribute/file-attribute.component.scss
+++ b/apps/red-ui/src/app/modules/dossier-overview/components/table-item/file-attribute/file-attribute.component.scss
@@ -6,26 +6,19 @@
 
     .edit-button {
         position: absolute;
-        display: none;
-        background: radial-gradient(var(--iqser-side-nav) 10%, rgba(244, 245, 247, 0) 60%);
         height: 100%;
-        width: 150%;
-        transform: translate(-25%);
+        right: 10%;
+        width: 90%;
+        background: linear-gradient(to left, var(--iqser-side-nav) 20%, rgba(244, 245, 247, 0) 60%);
 
         iqser-circle-button {
             position: absolute;
             top: 50%;
-            left: 50%;
+            left: 80%;
             transform: translate(-50%, -50%);
         }
     }
 
-    &:hover {
-        .edit-button {
-            display: block;
-        }
-    }
-
     .edit-input {
         cursor: default;
         display: flex;
diff --git a/apps/red-ui/src/assets/help-mode/links.json b/apps/red-ui/src/assets/help-mode/links.json
index b093fc869..c89b70616 100644
--- a/apps/red-ui/src/assets/help-mode/links.json
+++ b/apps/red-ui/src/assets/help-mode/links.json
@@ -526,5 +526,11 @@
     "de": "",
     "it": "",
     "fr": ""
+  },
+  "edit-file-attributes": {
+    "en": "/en/index-en.html?contextId=document_list",
+    "de": "",
+    "it": "",
+    "fr": ""
   }
 }