mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-09-30 19:20:47 +00:00
86062a8c28
Summary: - New styling for forms. - New field options for various field types (spinner, checkbox, radio buttons, alignment, sort). - Improved alignment of form fields in columns. - Support for additional select input keyboard shortcuts (Enter and Backspace). - Prevent submitting form on Enter if an input has focus. - Fix for changing form field type causing the field to disappear. Test Plan: Browser tests. Reviewers: jarek Reviewed By: jarek Differential Revision: https://phab.getgrist.com/D4223
26 lines
650 B
TypeScript
26 lines
650 B
TypeScript
import {theme} from 'app/client/ui2018/cssVars';
|
|
import {styled} from 'grainjs';
|
|
|
|
export const cssRadioInput = styled('input', `
|
|
appearance: none;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 0px !important;
|
|
border-radius: 50%;
|
|
background-clip: content-box;
|
|
border: 1px solid ${theme.checkboxBorder};
|
|
background-color: ${theme.checkboxBg};
|
|
flex-shrink: 0;
|
|
&:hover {
|
|
border: 1px solid ${theme.checkboxBorderHover};
|
|
}
|
|
&:disabled {
|
|
background-color: 1px solid ${theme.checkboxDisabledBg};
|
|
}
|
|
&:checked {
|
|
padding: 2px;
|
|
background-color: ${theme.controlPrimaryBg};
|
|
border: 1px solid ${theme.controlPrimaryBg};
|
|
}
|
|
`);
|