Segment related actions are in the filters menu

plausible · Nov 18, 2024 · ba8c3ec · ba8c3ec
1 parent 1fdee39
commit ba8c3ec
Show file tree

Hide file tree

Showing 12 changed files with 607 additions and 559 deletions.
diff --git a/assets/js/dashboard/components/dropdown.tsx b/assets/js/dashboard/components/dropdown.tsx
@@ -148,7 +148,9 @@ export const DropdownNavigationLink = ({
     className={classNames(
       { 'font-bold': !!active },
       'flex items-center justify-between',
-      'text-sm leading-tight hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-900 dark:hover:text-gray-100',
+      'text-sm leading-tight',
+      {'hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-900 dark:hover:text-gray-100': !props['aria-disabled']},
+      {'cursor-not-allowed text-gray-500': props['aria-disabled']},
       !!actions && 'pr-4',
       className
     )}
@@ -157,7 +159,8 @@ export const DropdownNavigationLink = ({
     <AppNavigationLink
       className={classNames(
         'flex items-center justify-between w-full py-2',
-        actions ? 'pl-4' : 'px-4'
+        actions ? 'pl-4' : 'px-4',
+        {'cursor-not-allowed': props['aria-disabled']},
       )}
       path={path}
       params={params}

diff --git a/assets/js/dashboard/datepicker.tsx b/assets/js/dashboard/datepicker.tsx
@@ -352,7 +352,7 @@ export default function QueryPeriodPicker() {
   }, [closeMenu, query])
 
   return (
-    <div className="flex ml-auto pl-2">
+    <div className="flex pl-2 shrink-0">
       <MovePeriodArrows />
       <ToggleDropdownButton
         withDropdownIndicator