Fix/invoices more actions dropdown

Merged
JO
18d ago
+229-95

Improve the "More actions" menu on the Invoices page

What changed

A cleaner menu

  • The ⋮ button's menu now looks like a proper menu instead of a stack of separate buttons.
  • It has a small "Actions" title at the top.
  • Each action is a simple row with an icon and a label, highlighted when you hover over it.
  • The text and icons are smaller, matching the rest of the page.
  • "Delete" sits at the bottom, separated by a line and shown in red.

Easier to close

  • There is a new close (✕) button in the top corner.
  • Clicking anywhere outside the menu now closes it.
  • Choosing an action closes the menu, as before.
  • Clicking a greyed-out action no longer closes the menu by mistake.

A better-looking ⋮ button

  • The ⋮ button now matches the other toolbar buttons on the dark theme instead of standing out.

How to test

  1. Go to Accounting → Invoices and select an invoice.
  2. Click the ⋮ button next to the delete button.
  3. Check the menu looks right on both the dark and light themes.
  4. Close it with the ✕, by clicking outside it, and by choosing an action.