From bc38b3bc551bd961bb8a99267046ebc3624ea197 Mon Sep 17 00:00:00 2001 From: "sumit shinde ( Roni )" <110285294+sumitshinde-84@users.noreply.github.com> Date: Sat, 6 May 2023 03:08:19 +0530 Subject: [PATCH] enhance Timezone Component with Box Shadow (#8582) Co-authored-by: Udit Takkar Co-authored-by: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com> Co-authored-by: Peer Richelsen --- packages/ui/components/form/timezone-select/TimezoneSelect.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/ui/components/form/timezone-select/TimezoneSelect.tsx b/packages/ui/components/form/timezone-select/TimezoneSelect.tsx index 5977a7c6bc..fc29857166 100644 --- a/packages/ui/components/form/timezone-select/TimezoneSelect.tsx +++ b/packages/ui/components/form/timezone-select/TimezoneSelect.tsx @@ -87,6 +87,7 @@ export function TimezoneSelect({ menu: (state) => classNames( "rounded-md bg-default text-sm leading-4 text-default mt-1 border border-subtle", + state.selectProps.menuIsOpen && "shadow-dropdown", // Add box-shadow when menu is open timezoneClassNames?.menu && timezoneClassNames.menu(state) ), groupHeading: () => "leading-none text-xs uppercase text-default pl-2.5 pt-4 pb-2",