Refine the calculator result layout
All checks were successful
Deploy Sokko G / deploy (push) Successful in 18s

This commit is contained in:
Shinuwa 2026-09-29 15:18:35 +02:00
parent 51853245ad
commit 0959c6740b
5 changed files with 61 additions and 11 deletions

View file

@ -306,11 +306,13 @@ export function CalculatorModule({ toolboxId, moduleId, context, textExchangeOpe
/>
</div>
)}
<div className={`calculator-result ${result == null ? "" : getResultLengthClass(result)}`} aria-live="polite">
<div className={`calculator-result-field ${showCurrent ? "has-current" : ""}`} aria-live="polite">
<span>{textContent.resultLabel || "Résultat"}</span>
<strong aria-label={result == null ? "-" : formatDisplayResult(result)}>
<FormattedCalculatorNumber value={result} />
</strong>
<div className={`calculator-result ${result == null ? "" : getResultLengthClass(result)}`}>
<strong aria-label={result == null ? "-" : formatDisplayResult(result)}>
<FormattedCalculatorNumber value={result} />
</strong>
</div>
</div>
<label className="calculator-label-field">
<span>{textContent.labelLabel || "Libellé"}</span>