Skip to content

Commit

Permalink
fix: make panel top nav menu item button full width on mobile (#200823)
Browse files Browse the repository at this point in the history
## Summary

This PR solves [[Dashboard] Center Save top nav button for small
viewport](#180093 (comment)) issue.

![Screenshot 2024-11-19 at 23 02
16](https://github.com/user-attachments/assets/ac643c61-62d5-4512-af35-33c396f6aba1)

![Screenshot 2024-11-19 at 23 01
31](https://github.com/user-attachments/assets/4d2021fb-a08b-4626-a203-07b52f3cbe55)

The change only affects the mobile menu.
  • Loading branch information
paulinashakirova authored Nov 20, 2024
1 parent 9428484 commit 971c1f3
Showing 1 changed file with 6 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,12 @@ export function TopNavMenuItem(props: TopNavMenuData & { isMobileMenu?: boolean
</EuiToolTip>
) : props.emphasize ? (
// fill is not compatible with EuiHeaderLink
<EuiButton size="s" {...commonButtonProps} fill={props.fill ?? true}>
<EuiButton
size="s"
fullWidth={props.isMobileMenu}
{...commonButtonProps}
fill={props.fill ?? true}
>
{getButtonContainer()}
</EuiButton>
) : (
Expand Down

0 comments on commit 971c1f3

Please sign in to comment.