From 9411f27d04cabe62c4ac7498ff47fb9687ab2b03 Mon Sep 17 00:00:00 2001
From: MAudelGisaia <mickael.audel@gisaia.com>
Date: Tue, 28 Jan 2025 11:17:47 +0100
Subject: [PATCH] fix: improve css selector

---
 .../components/tabs/tabs.component.html        |  2 +-
 .../components/tabs/tabs.component.scss        | 18 ++++++++----------
 .../global-result-list.component.html          |  2 +-
 .../global-result-list.component.scss          |  4 +---
 src/assets/i18n/fr.json                        |  2 +-
 5 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/app/modules/analytics-config/components/tabs/tabs.component.html b/src/app/modules/analytics-config/components/tabs/tabs.component.html
index dc0fddf0..d994312e 100644
--- a/src/app/modules/analytics-config/components/tabs/tabs.component.html
+++ b/src/app/modules/analytics-config/components/tabs/tabs.component.html
@@ -35,7 +35,7 @@
                 <arlas-groups [contentFg]="getTab(index).controls.contentFg" *ngIf="index === selectedIndex">
                 </arlas-groups>
             </mat-tab>
-            <mat-tab>
+            <mat-tab labelClass="last-tab">
                 <ng-template mat-tab-label>
                     <button mat-icon-button (click)="addTab()">
                         <mat-icon>add</mat-icon>
diff --git a/src/app/modules/analytics-config/components/tabs/tabs.component.scss b/src/app/modules/analytics-config/components/tabs/tabs.component.scss
index 28994f89..aad3f157 100644
--- a/src/app/modules/analytics-config/components/tabs/tabs.component.scss
+++ b/src/app/modules/analytics-config/components/tabs/tabs.component.scss
@@ -19,17 +19,15 @@
 @import "variables.scss";
 
 :host ::ng-deep {
-  .tab-wrapper {
-    .mat-mdc-tab-labels .mdc-tab:last-child {
-      .mdc-tab__text-label {
-        min-width: 0;
-        color: unset;
-        opacity: unset;
-      }
+  .last-tab {
+    .mdc-tab__text-label {
+      min-width: 0;
+      color: unset;
+      opacity: unset;
+    }
 
-      .mdc-tab-indicator {
-        display: none;
-      }
+    .mdc-tab-indicator {
+      display: none;
     }
   }
 }
diff --git a/src/app/modules/result-list-config/components/global-result-list/global-result-list.component.html b/src/app/modules/result-list-config/components/global-result-list/global-result-list.component.html
index 40bd76d5..2b3feb85 100644
--- a/src/app/modules/result-list-config/components/global-result-list/global-result-list.component.html
+++ b/src/app/modules/result-list-config/components/global-result-list/global-result-list.component.html
@@ -14,7 +14,7 @@
         </ng-template>
         <arlas-config-form-group [configFormGroup]="listFg" defaultKey="resultlists"></arlas-config-form-group>
     </mat-tab>
-    <mat-tab>
+    <mat-tab labelClass="last-tab">
         <ng-template mat-tab-label>
             <button mat-icon-button matTooltip="{{'Add a data table' | translate}}" matTooltipPosition="right" (click)="addResultList()">
                 <mat-icon>add</mat-icon>
diff --git a/src/app/modules/result-list-config/components/global-result-list/global-result-list.component.scss b/src/app/modules/result-list-config/components/global-result-list/global-result-list.component.scss
index 31782619..e17020b6 100644
--- a/src/app/modules/result-list-config/components/global-result-list/global-result-list.component.scss
+++ b/src/app/modules/result-list-config/components/global-result-list/global-result-list.component.scss
@@ -18,8 +18,7 @@
  */
 
 :host ::ng-deep {
-  .list-tab-group {
-    .mat-mdc-tab-labels .mdc-tab:last-child {
+    .last-tab {
       .mdc-tab__text-label {
         min-width: 0;
         color: unset;
@@ -30,7 +29,6 @@
         display: none;
       }
     }
-  }
 }
 
 
diff --git a/src/assets/i18n/fr.json b/src/assets/i18n/fr.json
index 39d0eeac..128e15af 100644
--- a/src/assets/i18n/fr.json
+++ b/src/assets/i18n/fr.json
@@ -145,7 +145,7 @@
 	"Unit of the column": "Unité (optionnel)",
 	"Transformation": "Calcul en javascript ( ex: result*1000).\n'result' étant la variable javascript à transformer",
 	"Apply a calculation in javascript": "Appliquer un calcul en javascript.",
-	"e.g : result+'$'": "ex: result+'€'. 'result' sera remplacer",
+	"e.g : result+'$'": "ex: result+'€'. 'result' sera remplacé",
 	"Colorize": "Colorer",
 	"At least one column is required": "Au moins une colonne est nécessaire",
 	"Add a column": "Ajouter une colonne",