diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-06-08 19:06:27 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-06-09 12:34:03 +0200 |
| commit | cfdddac43f10d06a8b0e9bcf69dc0ce77ce16649 (patch) | |
| tree | e3fe4d20291ddbfb0a0a2a17b5cb66107ed735e1 /src/components/molecules/forms/radio-group.tsx | |
| parent | 58cb40f031f395ca9efccff674ba0f2dae723f50 (diff) | |
fix(settings): avoid cropped tooltip on small devices
I changed the settings disposition to make tooltip positioning easier.
Jest complains about ref passed but everything seems to work as
expected so I'm not sure it is relevant. Maybe a bug with cloneElement.
Diffstat (limited to 'src/components/molecules/forms/radio-group.tsx')
| -rw-r--r-- | src/components/molecules/forms/radio-group.tsx | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/components/molecules/forms/radio-group.tsx b/src/components/molecules/forms/radio-group.tsx index 134829f..3930908 100644 --- a/src/components/molecules/forms/radio-group.tsx +++ b/src/components/molecules/forms/radio-group.tsx @@ -25,7 +25,12 @@ export type RadioGroupOption = Pick< export type RadioGroupProps = Pick< FieldsetProps, - 'bodyClassName' | 'className' | 'legend' | 'legendClassName' | 'Tooltip' + | 'bodyClassName' + | 'buttonClassName' + | 'className' + | 'legend' + | 'legendClassName' + | 'Tooltip' > & Pick<LabelledBooleanFieldProps, 'labelPosition' | 'labelSize'> & { /** @@ -78,6 +83,7 @@ const RadioGroup: FC<RadioGroupProps> = ({ kind = 'regular', labelPosition, labelSize, + legendClassName, legendPosition = 'inline', onChange, optionClassName = '', @@ -134,6 +140,7 @@ const RadioGroup: FC<RadioGroupProps> = ({ return ( <Fieldset className={`${styles.wrapper} ${styles[alignmentModifier]} ${styles[toggleModifier]} ${className}`} + legendClassName={`${styles.legend} ${legendClassName}`} legendPosition={legendPosition} role="radiogroup" {...props} |