Matthew Meszaros f279212088 fix(web): inline color picker in folder/tag modal — popover was getting clipped ...

User: "I click in color I couldn't see the picker anywhere it is just bad."

The previous picker was an absolute-positioned popover anchored to a
swatch button. Inside the modal body (overflow-y-auto, max-h-80vh),
the popover often:
  - rendered off the right edge when the row was near the bottom,
  - got clipped by the scroll container when the row was near the
    bottom edge,
  - or just stacked under sibling rows depending on z-index.

Rewrite: the color picker is now always visible inline in the add /
edit form. The form expands the row into a small 2-line block:

  Name   [____________________]
  Color  ● ● ● ● ● ● ● ●
                 [Delete]  [Cancel] [Save]

Each swatch is a 20px circle. The selected one gets a slate-900
ring + 1px white offset so the active choice is unmistakable. No
popover, no anchor math, no clipping risk.

Shared LabelForm component covers both add and edit modes so the
two flows render identically. Delete moved into the edit action row
(red ghost on the left, before Cancel/Save) instead of a tiny icon
on the hover state — easier to find while editing.

2026-05-23 09:23:32 +00:00

..

LabelListModal.tsx

fix(web): inline color picker in folder/tag modal — popover was getting clipped

2026-05-23 09:23:32 +00:00