Refine the calculator result layout
All checks were successful
Deploy Sokko G / deploy (push) Successful in 18s
All checks were successful
Deploy Sokko G / deploy (push) Successful in 18s
This commit is contained in:
parent
51853245ad
commit
0959c6740b
5 changed files with 61 additions and 11 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue