From c560f209b79c60b381d2a5b43a7e832e2a76054d Mon Sep 17 00:00:00 2001
From: jbrieuclp <jbrieuclp@gmail.com>
Date: Fri, 26 Jul 2024 15:42:33 +0200
Subject: [PATCH] =?UTF-8?q?placement=20de=20la=20position=20des=20matToolt?=
 =?UTF-8?q?ip=20=C3=A0=20droite?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../acquisition-frameworks.component.html             |  1 +
 .../GN2CommonModule/form/areas/areas.component.html   |  7 ++++++-
 .../form/datalist/datalist.component.html             |  6 +++++-
 .../form/datasets/datasets.component.html             |  1 +
 .../form/multiselect/multiselect.component.html       |  5 ++++-
 .../form/nomenclature/nomenclature.component.html     |  1 +
 .../form/observers/observers.component.html           |  5 ++++-
 .../app/metadataModule/actors/actors.component.html   | 11 +++++++++--
 .../src/app/metadataModule/metadata.component.html    |  2 ++
 9 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/GN2CommonModule/form/acquisition-frameworks/acquisition-frameworks.component.html b/frontend/src/app/GN2CommonModule/form/acquisition-frameworks/acquisition-frameworks.component.html
index 898aac3ecc..003205788c 100644
--- a/frontend/src/app/GN2CommonModule/form/acquisition-frameworks/acquisition-frameworks.component.html
+++ b/frontend/src/app/GN2CommonModule/form/acquisition-frameworks/acquisition-frameworks.component.html
@@ -18,6 +18,7 @@
   >
     <div
       matTooltip="{{ item.acquisition_framework_name }}"
+      matTooltipPosition="after"
       [attr.data-qa]="item.acquisition_framework_name"
     >
       <span class="pre-wrap">{{ item.acquisition_framework_name }}</span>
diff --git a/frontend/src/app/GN2CommonModule/form/areas/areas.component.html b/frontend/src/app/GN2CommonModule/form/areas/areas.component.html
index 33d341a448..150bf23da7 100644
--- a/frontend/src/app/GN2CommonModule/form/areas/areas.component.html
+++ b/frontend/src/app/GN2CommonModule/form/areas/areas.component.html
@@ -34,6 +34,7 @@
       <span
         class="bg-warning p-2 rounded"
         matTooltip="Aucune correspondance pour «&nbsp;{{ searchTerm }}&nbsp;»"
+        matTooltipPosition="after"
       >
         <mat-icon inline>warning_amber</mat-icon>
         Aucune correspondance pour «&nbsp;{{ searchTerm }}&nbsp;»
@@ -48,6 +49,7 @@
     <div
       class="ng-option disabled"
       matTooltip="Chargements des zones pour «&nbsp;{{ searchTerm }}&nbsp;»"
+      matTooltipPosition="after"
     >
       <span class="bg-info p-2 rounded">
         <mat-icon inline>autorenew</mat-icon>
@@ -60,7 +62,10 @@
     ng-option-tmp
     let-item="item"
   >
-    <div matTooltip="{{ item.area_name }}">
+    <div 
+      matTooltip="{{ item.area_name }}"
+      matTooltipPosition="after"
+    >
       <span class="pre-wrap">{{ item.area_name }}</span>
     </div>
   </ng-template>
diff --git a/frontend/src/app/GN2CommonModule/form/datalist/datalist.component.html b/frontend/src/app/GN2CommonModule/form/datalist/datalist.component.html
index 7c84127579..a98afe6ce8 100644
--- a/frontend/src/app/GN2CommonModule/form/datalist/datalist.component.html
+++ b/frontend/src/app/GN2CommonModule/form/datalist/datalist.component.html
@@ -57,6 +57,7 @@
       <mat-icon
         *ngIf="definition"
         [matTooltip]="definition"
+        matTooltipPosition="after"
         matTooltipClass="form-tooltip"
         class="small-icon"
         matSuffix
@@ -87,7 +88,10 @@
         let-index="index"
         let-search="searchTerm"
       >
-        <div [matTooltip]="item[keyLabel]">
+        <div 
+          [matTooltip]="item[keyLabel]"
+          matTooltipPosition="after"
+        >
           <span class="pre-wrap">{{ item[keyLabel] }}</span>
         </div>
       </ng-template>
diff --git a/frontend/src/app/GN2CommonModule/form/datasets/datasets.component.html b/frontend/src/app/GN2CommonModule/form/datasets/datasets.component.html
index 5f327495a6..f0b6ac7011 100644
--- a/frontend/src/app/GN2CommonModule/form/datasets/datasets.component.html
+++ b/frontend/src/app/GN2CommonModule/form/datasets/datasets.component.html
@@ -18,6 +18,7 @@
   >
     <div
       matTooltip="{{ item.dataset_name }}"
+      matTooltipPosition="after"
       [attr.data-qa]="item.dataset_name"
     >
       <span class="pre-wrap">{{ item.dataset_name }}</span>
diff --git a/frontend/src/app/GN2CommonModule/form/multiselect/multiselect.component.html b/frontend/src/app/GN2CommonModule/form/multiselect/multiselect.component.html
index b82893c304..6165891ec1 100644
--- a/frontend/src/app/GN2CommonModule/form/multiselect/multiselect.component.html
+++ b/frontend/src/app/GN2CommonModule/form/multiselect/multiselect.component.html
@@ -18,7 +18,10 @@
     let-index="index"
     let-search="searchTerm"
   >
-    <div [matTooltip]="item[keyLabel]">
+    <div 
+      [matTooltip]="item[keyLabel]"
+      matTooltipPosition="after"
+    >
       <span class="pre-wrap">{{ item[keyLabel] }}</span>
     </div>
   </ng-template>
diff --git a/frontend/src/app/GN2CommonModule/form/nomenclature/nomenclature.component.html b/frontend/src/app/GN2CommonModule/form/nomenclature/nomenclature.component.html
index 0fb5bdab48..05f10e0ad1 100644
--- a/frontend/src/app/GN2CommonModule/form/nomenclature/nomenclature.component.html
+++ b/frontend/src/app/GN2CommonModule/form/nomenclature/nomenclature.component.html
@@ -19,6 +19,7 @@
   >
     <div
       matTooltip="{{ item[definitionLang] }}"
+      matTooltipPosition="after"
       [attr.data-qa]="item['cd_nomenclature']"
     >
       <span class="pre-wrap">{{ item[labelLang] }}</span>
diff --git a/frontend/src/app/GN2CommonModule/form/observers/observers.component.html b/frontend/src/app/GN2CommonModule/form/observers/observers.component.html
index 073a12574f..2f428bef8d 100644
--- a/frontend/src/app/GN2CommonModule/form/observers/observers.component.html
+++ b/frontend/src/app/GN2CommonModule/form/observers/observers.component.html
@@ -18,7 +18,10 @@
     let-index="index"
     let-search="searchTerm"
   >
-    <div matTooltip="{{ item.nom_complet }}">
+    <div 
+      matTooltip="{{ item.nom_complet }}"
+      matTooltipPosition="after"
+    >
       <span
         class="pre-wrap"
         [attr.data-qa]="'gn-common-form-observers-select-' + item.nom_complet"
diff --git a/frontend/src/app/metadataModule/actors/actors.component.html b/frontend/src/app/metadataModule/actors/actors.component.html
index 8369f8dfc4..c69534048b 100644
--- a/frontend/src/app/metadataModule/actors/actors.component.html
+++ b/frontend/src/app/metadataModule/actors/actors.component.html
@@ -53,7 +53,10 @@
           let-index="index"
           let-search="searchTerm"
         >
-          <div [matTooltip]="item.label_default">
+          <div 
+            [matTooltip]="item.label_default"
+            matTooltipPosition="after"
+          >
             <span class="pre-wrap">{{ item.label_default }}</span>
           </div>
         </ng-template>
@@ -82,6 +85,7 @@
         >
           <div
             [matTooltip]="item.nom_organisme"
+            matTooltipPosition="after"
             [attr.data-qa]="'pnx-metadata-organism-' + item.nom_organisme"
           >
             <span class="pre-wrap">{{ item.nom_organisme }}</span>
@@ -110,7 +114,10 @@
           let-index="index"
           let-search="searchTerm"
         >
-          <div [matTooltip]="item.nom_complet">
+          <div 
+            [matTooltip]="item.nom_complet"
+            matTooltipPosition="after"
+          >
             <span class="pre-wrap">{{ item.nom_complet }}</span>
           </div>
         </ng-template>
diff --git a/frontend/src/app/metadataModule/metadata.component.html b/frontend/src/app/metadataModule/metadata.component.html
index 08cd71ee64..3cfb520261 100644
--- a/frontend/src/app/metadataModule/metadata.component.html
+++ b/frontend/src/app/metadataModule/metadata.component.html
@@ -293,6 +293,7 @@ <h3 class="main-color">Catalogue des jeux de données</h3>
       >
         <div
           [matTooltip]="item.nom_organisme"
+          matTooltipPosition="after"
           [attr.data-qa]="item.id_organism"
         >
           <span class="pre-wrap">{{ item.nom_organisme }}</span>
@@ -318,6 +319,7 @@ <h3 class="main-color">Catalogue des jeux de données</h3>
       >
         <div
           [matTooltip]="item.nom_complet"
+          matTooltipPosition="after"
           [attr.data-qa]="item.id_role"
         >
           <span class="pre-wrap">{{ item.nom_complet }}</span>