shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Polish calculator large number readability
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-09 17:59:40 +02:00
parent 9176f3b8a8
commit e4803aa14f
2 changed files with 61 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

39
website/src/styles/_toolboxes.scss
View file

@ -5216,13 +5216,24 @@ button.combo-input-token.combo-value-grab .ui-icon {
.calculator-entry .tool-split-entry-summary strong,
.calculator-entry .tool-split-entry-value strong {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
overflow: visible;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.calculator-entry .tool-split-entry-summary strong {
flex: 0 1 auto;
flex: 0 0 auto;
font-size: var(--font-size-sm);
}
.calculator-entry .tool-split-entry-summary strong.is-long,
.calculator-entry .tool-split-entry-value strong.is-long {
font-size: var(--font-size-xs);
}
.calculator-entry .tool-split-entry-summary strong.is-compact,
.calculator-entry .tool-split-entry-value strong.is-compact {
font-size: 0.68rem;
}
.calculator-entry .tool-split-entry-summary em {
@ -5235,6 +5246,20 @@ button.combo-input-token.combo-value-grab .ui-icon {
white-space: nowrap;
}
.calculator-number-group {
color: var(--color-text-primary);
}
.calculator-number-group.is-muted,
.calculator-number-separator {
color: rgba(180, 189, 211, 0.68);
}
.calculator-number-separator {
display: inline-block;
min-width: 0.24em;
}
.calculator-form label span,
.calculator-result span,
.tool-split-root-button {
@ -5258,23 +5283,23 @@ button.combo-input-token.combo-value-grab .ui-icon {
display: block;
min-width: 0;
max-width: 100%;
overflow: hidden;
overflow: visible;
color: var(--color-text-primary);
font-size: clamp(1.55rem, 3vw, 2.15rem);
font-variant-numeric: tabular-nums;
font-weight: 900;
line-height: 0.95;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.calculator-result.is-long strong {
font-size: 1.55rem;
font-size: 1.18rem;
line-height: 1;
}
.calculator-result.is-compact strong {
font-size: 1.25rem;
font-size: 0.92rem;
line-height: 1.05;
}