File tree Expand file tree Collapse file tree 3 files changed +10
-8
lines changed
components/molecules/CheckboxExpandStepFormField
pages/Designer/ProtocolSteps/StepForm Expand file tree Collapse file tree 3 files changed +10
-8
lines changed Original file line number Diff line number Diff line change @@ -35,7 +35,9 @@ export function CheckboxExpandStepFormField(
35
35
disabled = false ,
36
36
} = fieldProps
37
37
38
- const [ targetProps , tooltipProps ] = useHoverTooltip ( )
38
+ const [ targetProps , tooltipProps ] = useHoverTooltip ( {
39
+ placement : 'top-start' ,
40
+ } )
39
41
return (
40
42
< >
41
43
< ListButton
@@ -53,15 +55,14 @@ export function CheckboxExpandStepFormField(
53
55
width = "100%"
54
56
flexDirection = { DIRECTION_COLUMN }
55
57
gridGap = { SPACING . spacing8 }
58
+ { ...targetProps }
56
59
>
57
60
< Flex
58
61
justifyContent = { JUSTIFY_SPACE_BETWEEN }
59
62
alignItems = { ALIGN_CENTER }
60
63
>
61
64
< >
62
- < StyledText desktopStyle = "bodyDefaultRegular" { ...targetProps } >
63
- { title }
64
- </ StyledText >
65
+ < StyledText desktopStyle = "bodyDefaultRegular" > { title } </ StyledText >
65
66
< Btn
66
67
data-testid = { testId }
67
68
onClick = { ( ) => {
Original file line number Diff line number Diff line change @@ -140,6 +140,7 @@ export function StepFormToolbox(props: StepFormToolboxProps): JSX.Element {
140
140
'application' ,
141
141
'shared' ,
142
142
'protocol_steps' ,
143
+ 'tooltip' ,
143
144
] )
144
145
const dispatch = useDispatch ( )
145
146
const { makeSnackbar } = useKitchen ( )
Original file line number Diff line number Diff line change @@ -193,17 +193,17 @@ export const getVisibleProfileFormLevelErrors = (args: {
193
193
} )
194
194
}
195
195
export const getFieldDefaultTooltip = ( name : string , t : any ) : string =>
196
- name != null ? t ( `step_fields.defaults.${ name } ` ) : ''
196
+ name != null ? t ( `tooltip: step_fields.defaults.${ name } ` ) : ''
197
197
export const getFieldIndeterminateTooltip = ( name : string , t : any ) : string =>
198
- name != null ? t ( `step_fields.indeterminate.${ name } ` ) : ''
198
+ name != null ? t ( `tooltip: step_fields.indeterminate.${ name } ` ) : ''
199
199
export const getSingleSelectDisabledTooltip = (
200
200
name : string ,
201
201
stepType : string ,
202
202
t : any
203
203
) : string =>
204
204
name != null
205
- ? t ( `step_fields.${ stepType } .disabled.${ name } ` )
206
- : t ( `step_fields.${ stepType } .disabled.$generic` )
205
+ ? t ( `tooltip: step_fields.${ stepType } .disabled.${ name } ` )
206
+ : t ( `tooltip: step_fields.${ stepType } .disabled.$generic` )
207
207
208
208
export const getFieldCaptions = (
209
209
name : string ,
You can’t perform that action at this time.
0 commit comments