Tooltip langues suivies

1b0a9679 · Lucie Bader · 3d577f3b · 1b0a9679 · 1b0a9679
Commit 1b0a9679 authored 6 months ago by Lucie Bader
--- a/src/popup/popup.html
+++ b/src/popup/popup.html
@@ -352,6 +352,12 @@
    button:disabled .tooltip {
      pointer-events: auto !important;
    }
+
+    .tooltip-langues-suivies {
+      left: 50% !important;
+      transform: translateX(-28%) !important;
+    }
+
  </style>
 </head>
 <body>

--- a/src/popup/popup.js
+++ b/src/popup/popup.js
@@ -386,3 +386,18 @@ function handleWorkerMessage(event) {
    return;
  }
 }
+
+
+document.addEventListener("DOMContentLoaded", () => {
+  const optionRows = document.querySelectorAll('.option-row label');
+  optionRows.forEach(label => {
+    if (label.textContent.trim() === "Langues suivies") {
+      label.classList.add("tooltip-container");
+
+      const tooltip = document.createElement("span");
+      tooltip.className = "tooltip tooltip-langues-suivies";
+      tooltip.textContent = "Choisissez une ou plusieurs langues parmi celles de vos lexiques personnels";
+      label.appendChild(tooltip);
+    }
+  });
+});