Fix difference between calendar dropdown and menu dropdown

plausible · Feb 5, 2025 · b7257e4 · b7257e4
1 parent cacfdb8
commit b7257e4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/assets/js/dashboard/nav-menu/query-periods/query-periods-picker.tsx b/assets/js/dashboard/nav-menu/query-periods/query-periods-picker.tsx
@@ -50,7 +50,7 @@ export function QueryPeriodsPicker({ className }: { className?: string }) {
               />
             )}
           </Popover>
-          <Popover className="w-0 h-0 self-stretch md:relative">
+          <Popover className="w-0 h-9 md:relative">
             {({ close }) => (
               <ComparisonCalendarMenu
                 calendarButtonRef={compareCalendarButtonRef}

diff --git a/assets/js/dashboard/nav-menu/query-periods/shared-menu-items.tsx b/assets/js/dashboard/nav-menu/query-periods/shared-menu-items.tsx
@@ -19,7 +19,7 @@ export const datemenuButtonClassName = classNames(
   'justify-between px-2 w-full'
 )
 
-export const hiddenCalendarButtonClassName = 'outline-none h-9'
+export const hiddenCalendarButtonClassName = 'flex h-9 w-0 outline-none'
 
 export const DateMenuChevron = () => (
   <ChevronDownIcon className="hidden lg:inline-block h-4 w-4 md:h-5 md:w-5 ml-1 md:ml-2 text-gray-500" />