fix(invoices): redesign the table settings popover

Merged
JO
18d ago
+149-93

Improve the Settings dropdown on the Invoices page

What changed

A cleaner layout

  • The ⚙ Settings dropdown now has a small "Settings" title at the top.
  • It is narrower and fits better on smaller screens.
  • The text is smaller, matching the rest of the page.
  • The Save button now sits right next to the "per page" box, since that is the only thing it saves.
  • "Include archived" sits at the bottom.

Easier to close

  • There is a proper close (✕) button in the top corner.
  • Clicking anywhere outside the dropdown now closes it.
  • Picking from the "Show columns" list keeps the dropdown open, so you can choose several columns at once.

Nothing removed

  • Showing or hiding columns, the number of items per page, and "Include archived" all work as before.

How to test

  1. Go to Accounting → Invoices.
  2. Click the ⚙ button at the top right of the page.
  3. Check the dropdown looks right on both the dark and light themes.
  4. Choose a few columns, change the number per page and click Save, then tick "Include archived".
  5. Close it with the ✕, then open it again and close it by clicking outside.
  6. Repeat on Accounting → Estimates.