removed help mode for elements that overlap other elements

src/assets/styles/common-help-mode.scss

@@ -59,7 +59,6 @@
 }
 
 .help-mode-on-mouse-over-reset-filters {
-    z-index: 20;
     padding-left: 4px;
 }
 
@@ -69,19 +68,13 @@
     height: calc(100% - 70px);
 }
 
-.help-mode-on-mouse-over-edit-dossier-attributes {
-    z-index: 20;
-}
-
 .help-mode-on-mouse-over-dossier-features {
-    z-index: 20;
     height: 50px;
     margin-top: 17px;
     width: 95%;
 }
 
 .help-mode-on-mouse-over-edit-dossier-from-list {
-    z-index: 30;
     padding-left: 5px ;
 }
 
@@ -90,7 +83,6 @@
 .help-mode-on-mouse-over-redaction-remove-from-dictionary,
 .help-mode-on-mouse-over-redaction-false-positive,
 .help-mode-on-mouse-over-recommendation-accept-or-reject {
-    z-index: 20;
     width: 20px;
     height: 20px;
     margin-left: 9px;

src/lib/help-mode/help-mode.directive.ts

@@ -8,7 +8,6 @@ import { Router } from '@angular/router';
 })
 export class HelpModeDirective implements OnInit {
     @Input('iqserHelpMode') elementName!: string;
-    @Input() updateElementPosition = true;
     private _path: string;
 
     constructor(
@@ -33,7 +32,7 @@ export class HelpModeDirective implements OnInit {
             this._renderer.addClass(helperElement, 'help-mode-on-mouse-over');
             this._renderer.addClass(helperElement, `help-mode-on-mouse-over-${this.elementName}`);
 
-            this._helpModeService.addElement(elementNameWithId, element, helperElement, this.updateElementPosition);
+            this._helpModeService.addElement(elementNameWithId, element, helperElement);
         }
     }
 

src/lib/help-mode/help-mode.service.ts

@@ -8,7 +8,6 @@ import { HELP_DOCS, MANUAL_BASE_URL } from './tokens';
 interface Helper {
     readonly element: HTMLElement;
     readonly helperElement: HTMLElement;
-    readonly updateElementPosition: boolean;
 }
 
 @Injectable({
@@ -84,15 +83,13 @@ export class HelpModeService {
         });
     }
 
-    addElement(elementName: string, element: HTMLElement, helperElement: HTMLElement, updateElementPosition: boolean): void {
+    addElement(elementName: string, element: HTMLElement, helperElement: HTMLElement): void {
-        this._elements[elementName] = { element, helperElement, updateElementPosition };
+        this._elements[elementName] = { element, helperElement };
     }
 
     private _enableHelperElements() {
-        Object.values(this._elements).forEach(({ element, helperElement, updateElementPosition }) => {
+        Object.values(this._elements).forEach(({ element, helperElement }) => {
-            if (updateElementPosition) {
+            this._renderer.setStyle(element, 'position', 'relative');
-                this._renderer.setStyle(element, 'position', 'relative');
-            }
             this._renderer.appendChild(element, helperElement);
         });
     }

src/lib/listing/page-header/page-header.component.html

@@ -36,7 +36,7 @@
             ></iqser-icon-button>
         </ng-container>
 
-        <div class="actions" iqserHelpMode="edit-dossier">
+        <div class="actions">
             <ng-container *ngFor="let config of actionConfigs; trackBy: trackByLabel">
                 <iqser-circle-button
                     (action)="config.action($event)"

src/lib/listing/table-content/table-content.component.html

@@ -1,4 +1,4 @@
-<div [iqserHelpMode]="helpModeKey" class="display-contents">
+<div class="display-contents">
     <cdk-virtual-scroll-viewport
         [class.no-data]="listingComponent.noContent$ | async"
         [itemSize]="itemSize"

src/lib/listing/table-content/table-content.component.ts

@@ -15,8 +15,8 @@ import { AutoUnsubscribe, trackByFactory } from '../../utils';
 import { IListable } from '../models';
 import { ListingComponent, ListingService } from '../index';
 import { HasScrollbarDirective } from '../../scrollbar';
-import { HelpModeService } from '@iqser/common-ui';
 import { BehaviorSubject } from 'rxjs';
+import { HelpModeService } from '@iqser/common-ui';
 
 @Component({
     selector: 'iqser-table-content',
@@ -30,7 +30,6 @@ export class TableContentComponent<T extends IListable> extends AutoUnsubscribe
     @Input() itemMouseLeaveFn?: (entity: T) => void;
     @Input() tableItemClasses?: Record<string, (e: T) => boolean>;
     @Input() selectionEnabled!: boolean;
-    @Input() helpModeKey?: 'dossier-list' | 'document-list';
     readonly trackBy = trackByFactory<T>();
 
     @ViewChild(CdkVirtualScrollViewport, { static: true }) readonly scrollViewport!: CdkVirtualScrollViewport;

src/lib/listing/table/table.component.html

@@ -29,7 +29,6 @@
     [itemSize]="itemSize"
     [selectionEnabled]="selectionEnabled"
     [tableItemClasses]="tableItemClasses"
-    [helpModeKey]="helpModeKey"
 ></iqser-table-content>
 
 <iqser-scroll-button

src/lib/listing/table/table.component.ts

@@ -49,7 +49,6 @@ export class TableComponent<T extends IListable> extends AutoUnsubscribe impleme
     @Input() tableItemClasses?: Record<string, (e: T) => boolean>;
     @Input() itemMouseEnterFn?: (entity: T) => void;
     @Input() itemMouseLeaveFn?: (entity: T) => void;
-    @Input() helpModeKey?: 'dossier-list' | 'document-list';
     @Output() readonly noDataAction = new EventEmitter<void>();
     @ViewChild(TableContentComponent, { static: true }) private readonly _tableContent!: TableContentComponent<T>;