Commit Graph

8 Commits

Author SHA1 Message Date
Sanne de Vries 91363a2825
Improve dark mode (#5819)
* Improve dark mode

- Switch from `slate` to `zinc` for the gray color palette
- Darken overall dark mode UI
- Switch from `green` to `emerald` for the green color palette
- Update a few previously missed instances of title case to sentence case
- Consolidate button styles and change naming from `bright` to `secondary`
- Update button disabled styles
- Fix tooltip not adjusting to content width
- Update graph tooltip layout and typography
- Add transition effects to hover states
- Reduce footer logo size

* Fix oversights

- Update funnel graph colors
- Update graph grid colors
- Improve focus styles
- Improve disabled input styles

* Fix more oversights in relation to dashboard filtering

- Improve consistency of input, button, combobox and modal components in relation to settings area
- Fix segment tooltip color

* Fix search input style in funnel and segments dropdowns

* Add white background to favicon images in dark mode

- The GitHub and ChatGPT favicons are hard to see in dark mode, so we add a white background to them.

* Fix tooltip color to fit all backgrounds in dark mode

* Fix tests

* Fixed more tests

* Extract SourceFavicon component to eliminate favicon duplication

* Fix regression on installation page after rebase

* Fix formatting issues

* Fix favicon test failure in CI by reading placeholder icon at compile time

* Undo previous commit
2025-10-28 08:28:15 +00:00
Artur Pata 429b055920
Update headlessui to v1.7.19, refactor site switcher (#5255)
* Migrate some

* Making progress

* All fixed

* Convert interval picker to tsx

* Fix format

* Fix tests

* Make sure focus outline looks right on DropdownTabButton

* Refactor Site Switcher to Popover

* Fix site switcher test

* Better jsdom mocks in assets tests

* Try svg placeholder favicon

* Update favicon test

* Try giving transition config directly

* Remove empty props

* Remove unnecessary closeDropdown to prevent Firefox transition issue

* Register open dropmenus globally

This is needed to prevent invalid state when navigating with site hotkeys with Firefox while a dropdown is open and coming back using browser

* Colocate popover-specific component

* Clarify behaviour on hitting hotkey for current site

* Try fix Firefox issue

* Try 1.7.19

* Commit to @headlessui/react v1.7.x

* Fix last two transition origins

* Align active tab on baseline

* Remove unneeded global dropmenu state

* Add changelog

* Funnels menu is searchable and scrollable

* Fix transform origin

* Stop funnels menu from holding onto search state

* Mandate ref be passed to SearchInput from the outside
2025-05-07 05:22:53 +00:00
Artur Pata bcc7347864
Make 'Remove filter' / 'Clear all filters' buttons less threatening & other tweaks (#5236)
* Make 'Remove filter' / 'Clear all filters' buttons less threatening

* Refactor see more menu actions, indicate more filter count

* Fix issue with keybind hint, remove extra x-space

* Remove filter to indigo

* Show additional filter count with + sign, add darker shadow
2025-03-26 10:18:21 +00:00
Artur Pata ce1df315d3
Remove format pragma, run prettier on /assets (#5237) 2025-03-25 10:16:54 +00:00
Artur Pata 18ca439090
Replace second line for filters with UI from segments variant D (#5022)
* Remove the second line for filters

* Remove extraneous class and prevent wrap

* Fix jumpyness

* Replace hand-rolled dropdown on the dashboard and menu-related UI fixes (#5037)

* Try popover

* Pass targetRef instead of target, stop Escape clearing filters

* Stop Escape clearing filters when popover menus active

* Attempt get rid of hand-rolled dropdown

* Fix issue with comparison calendar

* Almost works

* Unify styles

* Focus modals on mount

* Refactor date picker logic

* Replace navigate keybinds with straightforward keybinds

* Remove extraneous Calendar component, better props

* Attempt optimise menu re-renders

* Memoise QueryPeriodsMenu, refactor getDatePeriodGroups

* Refactor ComparisonMenu to Popover

* Refactor QueryPeriodMenu to Popover

* Pull calendar out of components

* Refactor calendar to receive position from JS

* Simpler calendar API

* Add click outside listener for Calendar, fix FiltersBar measurements

* Give back top bar room

* Update tests

* Apply unified button text style

* Close calendar on keyboard nav to othe menus as well

* Kinda works

* Works even better

* Working well

* Sometimes menu stays active

* WIP

* Adapter

* Works with error

* Fixed the error

* Remove handrolled isOpen

* Introduce shared adapter

* Share adapter

* Allow dropshadows in a slightly better way, add more comments

* Share transition with interval picker menu

* Calendar transitions independently

* Calendars are in separate popovers

* Hide outline on supposedly hidden buttons

* Fix arrow appearing on Safari

* Fix difference between calendar dropdown and menu dropdown
2025-02-06 08:05:05 +00:00
Artur Pata 117cf46183
Keybind and modal refactor (#5007)
* Fix doc string

* Allow keybind listeners to be registered on any element

* Support custom placeholders in search input

* Support modals that aren't treated as pages
2025-01-23 08:09:56 +00:00
Artur Pata 9fcb76d8e6
Allow sorting breakdown lists by some metrics (#4513)
* On the dashboard, allow Metrics (aka column configurations) to
  * specify width they need
  * specify if they are sortable
* Default sort order for breakdown endpoints is hardcoded on the dashboard (needed to show what column the report is sorted by)
* Unifies Google Keywords modal with other breakdowns
2024-09-12 14:49:43 +03:00
Artur Pata 8c5988e39a Adds types to dashboard query, makes keybinds route specific 2024-08-26 15:14:02 +03:00