diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2025-02-25 08:08:30 -0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-02-25 08:08:30 -0800 |
| commit | 9c5d92088d4bd84c58744eecc2f691885ab0e778 (patch) | |
| tree | d9c15cc83cb2654c6ad8f8b2fc70134b57d704d9 /src/view | |
| parent | e40656128d2fad41762ec1e7f022bc10fcdd25fc (diff) | |
| download | voidsky-9c5d92088d4bd84c58744eecc2f691885ab0e778.tar.zst | |
Constrain dropdown height to fit in the screen (#7730)
* constrain dropdown height with css variable * fix duplicated dependency * fix pendantic lockfile
Diffstat (limited to 'src/view')
| -rw-r--r-- | src/view/screens/Search/Search.tsx | 5 | ||||
| -rw-r--r-- | src/view/shell/desktop/LeftNav.tsx | 7 |
2 files changed, 3 insertions, 9 deletions
diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx index 02be8cf83..40dcc0d17 100644 --- a/src/view/screens/Search/Search.tsx +++ b/src/view/screens/Search/Search.tsx @@ -394,10 +394,7 @@ function SearchLanguageDropdown({ </Button> )} </Menu.Trigger> - <Menu.Outer - // HACKFIX: Currently there is no height limit for Radix dropdowns, - // so if it's too tall it just goes off screen. TODO: fix internally -sfn - style={web({maxHeight: '70vh'})}> + <Menu.Outer> <Menu.LabelText> <Trans>Filter search by language</Trans> </Menu.LabelText> diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index a1730af66..62fbf5cae 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -33,7 +33,7 @@ import {LoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder' import {PressableWithHover} from '#/view/com/util/PressableWithHover' import {UserAvatar} from '#/view/com/util/UserAvatar' import {NavSignupCard} from '#/view/shell/NavSignupCard' -import {atoms as a, tokens, useBreakpoints, useTheme, web} from '#/alf' +import {atoms as a, tokens, useBreakpoints, useTheme} from '#/alf' import {Button, ButtonIcon, ButtonText} from '#/components/Button' import {DialogControlProps} from '#/components/Dialog' import {ArrowBoxLeft_Stroke2_Corner0_Rounded as LeaveIcon} from '#/components/icons/ArrowBoxLeft' @@ -235,10 +235,7 @@ function SwitchMenuItems({ closeEverything() } return ( - <Menu.Outer - // HACKFIX: Currently there is no height limit for Radix dropdowns, - // so if it's too tall it just goes off screen. TODO: fix internally -sfn - style={web({maxHeight: '70vh'})}> + <Menu.Outer> {accounts && accounts.length > 0 && ( <> <Menu.Group> |