placement de la position des matTooltip à droite

jbrieuclp · Jul 26, 2024 · c560f20 · c560f20
1 parent 0e862b2
commit c560f20
Show file tree

Hide file tree

Showing 9 changed files with 33 additions and 6 deletions.
diff --git a/...src/app/GN2CommonModule/form/acquisition-frameworks/acquisition-frameworks.component.html b/...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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>