Corrige affichage explication congés restants

src/assets/styles/defaults.css

@@ -36,20 +36,3 @@ fieldset {
 dialog {
   margin: auto;
 }
-
-:popover-open {
-  position: absolute;
-  inset: unset;
-  margin: var(--w);
-  white-space: wrap;
-  border: 1px solid var(--border-default);
-  border-radius: var(--radius-sm);
-  box-shadow: var(--shadow-default);
-  padding: var(--w);
-  font-weight: normal;
-  text-transform: none;
-}
-
-[popovertarget]:focus {
-  outline: solid 2px;
-}

src/assets/styles/utilities/text.css

@@ -5,3 +5,13 @@
 .pc-bold {
   font-weight: bold;
 }
+
+.pc-text--default {
+  font-size: var(--font-size-default);
+  font-weight: normal;
+  text-transform: none;
+}
+
+.pc-text--small {
+  font-size: var(--font-size-sm);
+}

src/templates/pages/leave_requests/overview/days_remaining_column_header.njk

@@ -1,16 +1,5 @@
-<span>
-    {{ 'leaves-overview-daysRemaining'|trans }}
-</span>
-
-<span class="pc-relative">
-    <button
-        popovertarget="leaves-explanation"
-        class="pc-btn pc-btn--secondary pc-btn--circle"
-        title="{{ 'leaves-overview-daysRemaining-showExplanation'|trans }}"
-        aria-label="{{ 'leaves-overview-daysRemaining-showExplanation'|trans }}"
-    >i</button>
-
-    <div id="leaves-explanation" popover>
-        {{ 'leaves-overview-daysRemaining-explanation'|trans({ daysPerYear: daysPerYear }) }}
-    </div>
+{{ 'leaves-overview-daysRemaining'|trans }}
+<br>
+<span class="pc-text--default pc-text--small">
+    ({{ 'leaves-overview-daysRemaining-explanation'|trans({ daysPerYear: daysPerYear }) }})
 </span>

src/translations/fr-FR.ftl

@@ -193,11 +193,11 @@ leaves-overview-daysRemaining-value = {$daysRemaining ->
     [1] 1 jour
     *[other] {$daysRemaining} jours
 }
-leaves-overview-daysRemaining-explanation = Estimation sur une base de {$daysPerYear ->
+leaves-overview-daysRemaining-explanation = {$daysPerYear ->
     [0] 0
     [1] 1 jour
     *[other] {$daysPerYear} jours
-} par an, hors congés exceptionnels
+} par an, réinitialisé le 01/06, hors congés exceptionnels
 
 payroll-elements-title = Éléments de paie
 payroll-elements-page-title = Éléments de paie {DATETIME($date, month: "long", year: "numeric")}