@@ -28,18 +28,18 @@ interface IFeatureStrategyMenuProps {
28
28
disableReason ?: string ;
29
29
}
30
30
31
- const StyledStrategyMenu = styled ( 'div' ) ( {
31
+ const StyledStrategyMenu = styled ( 'div' ) ( ( { theme } ) => ( {
32
32
flexShrink : 0 ,
33
- } ) ;
33
+ display : 'flex' ,
34
+ flexFlow : 'row' ,
35
+ gap : theme . spacing ( 1 ) ,
36
+ } ) ) ;
34
37
35
38
const StyledAdditionalMenuButton = styled ( PermissionButton ) ( ( { theme } ) => ( {
36
39
minWidth : 0 ,
37
40
width : theme . spacing ( 4.5 ) ,
38
- alignItems : 'center' ,
39
- justifyContent : 'center' ,
40
- align : 'center' ,
41
- flexDirection : 'column' ,
42
- marginLeft : theme . spacing ( 1 ) ,
41
+ alignSelf : 'stretch' ,
42
+ paddingBlock : 0 ,
43
43
} ) ) ;
44
44
45
45
export const FeatureStrategyMenu = ( {
@@ -64,6 +64,7 @@ export const FeatureStrategyMenu = ({
64
64
const { addChange } = useChangeRequestApi ( ) ;
65
65
const { refetch : refetchChangeRequests } =
66
66
usePendingChangeRequests ( projectId ) ;
67
+ const uiFontSizeRedesign = useUiFlag ( 'uiGlobalFontSize' ) ;
67
68
68
69
const onClose = ( ) => {
69
70
setAnchor ( undefined ) ;
@@ -120,7 +121,7 @@ export const FeatureStrategyMenu = ({
120
121
onClick = { openMoreStrategies }
121
122
aria-labelledby = { popoverId }
122
123
variant = { variant }
123
- size = { size }
124
+ size = { uiFontSizeRedesign ? undefined : size }
124
125
sx = { { minWidth : matchWidth ? '282px' : 'auto' } }
125
126
disabled = { Boolean ( disableReason ) }
126
127
tooltipProps = { {
@@ -164,7 +165,7 @@ export const FeatureStrategyMenu = ({
164
165
onClick = { openDefaultStrategyCreationModal }
165
166
aria-labelledby = { popoverId }
166
167
variant = { variant }
167
- size = { size }
168
+ size = { uiFontSizeRedesign ? undefined : size }
168
169
sx = { { minWidth : matchWidth ? '282px' : 'auto' } }
169
170
disabled = { Boolean ( disableReason ) }
170
171
tooltipProps = { {
@@ -179,18 +180,15 @@ export const FeatureStrategyMenu = ({
179
180
projectId = { projectId }
180
181
environmentId = { environmentId }
181
182
onClick = { openMoreStrategies }
182
- aria-labelledby = { popoverId }
183
183
variant = 'outlined'
184
- size = { size }
184
+ size = { uiFontSizeRedesign ? undefined : size }
185
185
hideLockIcon
186
186
disabled = { Boolean ( disableReason ) }
187
187
tooltipProps = { {
188
188
title : disableReason ? disableReason : 'More strategies' ,
189
189
} }
190
190
>
191
- < MoreVert
192
- sx = { ( theme ) => ( { margin : theme . spacing ( 0.25 , 0 ) } ) }
193
- />
191
+ < MoreVert />
194
192
</ StyledAdditionalMenuButton >
195
193
< Popover
196
194
id = { popoverId }
0 commit comments