mara/hyperhive
mara/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Activity

swarm-ui: add CheckboxField and use it for the issue report toggle and the account delete option

Browse source
This commit is contained in:
iris 2026-10-21 23:49:57 +02:00 • committed by mara
commit acf82beba3
1 changed files with 105 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/packages/swarm-ui/src/ui/checkbox-field/CheckboxField.css Normal file
View file

@ -0,0 +1,25 @@
/* <CheckboxField> — box and label on one row. `min-height` is the same
touch-target floor `.ui-form-control` sets (FormField.css has the
reasoning), so a checkbox beside a text or select field is as tall as it and
its label is centred on the same line. The box takes the accent colour from
the shared theme instead of the browser's blue. */
.ui-checkbox-field {
display: flex;
align-items: center;
gap: 0.5em;
min-height: 2.75em;
cursor: pointer;
color: var(--fg);
}
.ui-checkbox-field input {
accent-color: var(--purple);
width: 1.1em;
height: 1.1em;
margin: 0;
flex: none;
cursor: inherit;
}
.ui-checkbox-field:has(input:disabled) {
color: var(--muted);
cursor: not-allowed;
}