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/fieldset.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/fieldset.tsx')
| -rw-r--r-- | src/components/molecules/forms/fieldset.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/components/molecules/forms/fieldset.tsx b/src/components/molecules/forms/fieldset.tsx index dae3ead..961ec6d 100644 --- a/src/components/molecules/forms/fieldset.tsx +++ b/src/components/molecules/forms/fieldset.tsx @@ -17,6 +17,10 @@ export type FieldsetProps = { */ bodyClassName?: string; /** + * Set additional classnames to the help button. + */ + buttonClassName?: string; + /** * The fieldset body. */ children: ReactNode | ReactNode[]; @@ -57,6 +61,7 @@ export type FieldsetProps = { */ const Fieldset: FC<FieldsetProps> = ({ bodyClassName = '', + buttonClassName = '', children, className = '', legend, @@ -102,7 +107,7 @@ const Fieldset: FC<FieldsetProps> = ({ <> <HelpButton aria-pressed={isTooltipOpened} - className={`${styles.btn} ${buttonModifier}`} + className={`${styles.btn} ${buttonModifier} ${buttonClassName}`} onClick={() => setIsTooltipOpened(!isTooltipOpened)} ref={buttonRef} /> |