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

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

14
website/src/styles/toolboxes/_calculator.scss
View file

@ -43,9 +43,15 @@
grid-row: 2;
}
.calculator-result {
.calculator-result-field {
grid-column: 2;
grid-row: 1;
align-self: start;
}
.calculator-result-field.has-current {
grid-row: 1 / 3;
align-self: stretch;
}
.calculator-label-field,
@ -61,12 +67,16 @@
.calculator-field,
.calculator-current-field,
.calculator-result,
.calculator-result-field,
.calculator-label-field,
.calculator-save-button {
grid-column: 1;
grid-row: auto;
}
.calculator-result-field.has-current {
grid-row: auto;
}
}
@supports not (container-type: inline-size) {