Skip to content

(feat) add Kanban status actions to card detail and overflow menu#524

Merged
fccview merged 8 commits into
fccview:developfrom
reniko:feature/n2-mobile-status-actions
Jun 2, 2026
Merged

(feat) add Kanban status actions to card detail and overflow menu#524
fccview merged 8 commits into
fccview:developfrom
reniko:feature/n2-mobile-status-actions

Conversation

@reniko

@reniko reniko commented May 27, 2026

Copy link
Copy Markdown
Contributor

What

Adds additional ways to change a Kanban card's status:

  1. Status field in the card detail/edit modal.
  2. Status action in the card overflow menu (...) on both mobile and desktop.
  3. User setting to hide the always-visible mobile status dropdown on Kanban cards.

Also makes the property groups in the card detail modal collapsible. Metadata starts collapsed, while the editable property groups start expanded.

Why

Desktop users can already change status via drag & drop, but mobile drag & drop is less practical. The existing mobile on-card dropdown works, but takes card space. This adds a compact overflow-menu path while keeping the existing dropdown visible by default for backwards-compatible behavior.

The detail modal was also inconsistent: fields like priority, score, reminder, target date, and estimated time were editable, but status was not.

Reused / not changed

  • Reuses the existing updateItemStatus server action.
  • autoComplete remains handled centrally in updateItemStatus.
  • No changes to the YAML status data model (id, label, color, order, autoComplete).
  • Desktop drag & drop behavior is unchanged.
  • The existing hideStatusOnCards setting remains separate from the new mobile dropdown setting.

Details

  • The new setting is hideMobileStatusDropdown.
  • Default is "disable", meaning the mobile dropdown remains visible for existing and new users.
  • hideStatusOnCards still only controls the compact status label on cards.
  • hideMobileStatusDropdown only controls the always-visible mobile status dropdown.
  • The overflow-menu Status ändern / Change status action remains available even when the mobile dropdown is hidden.

autoComplete behavior

Handled centrally in the existing updateItemStatus server action, so status changes from drag & drop, the mobile card dropdown, the overflow-menu status modal, and the detail modal all share the same completion behavior.

Mobile context menu variant

Implemented via the existing card overflow menu (...). Selecting Change status opens the existing Modal component, which behaves as a bottom sheet on mobile and a regular modal on desktop.

Translations

  • en and de updated manually.
  • Other existing locale files updated with machine translations; review welcome.

Testing

Validated with:

  • yarn tsc --noEmit
  • yarn lint

Manually checked:

  • Status change in card detail modal keeps the modal open.
  • Metadata section starts collapsed.
  • Editable property groups are collapsible.
  • Mobile status dropdown can be hidden via the new setting.
  • Overflow-menu status change works on mobile and desktop.

@fccview

fccview commented May 29, 2026

Copy link
Copy Markdown
Owner

Hey, unfortunately something happened where the modal is not horizontally scrollable anymore.

image

This means anything out of the modal viewport horizontally is unusable!

@fccview

fccview commented May 29, 2026

Copy link
Copy Markdown
Owner

Sorted it out, happy to merge if you are ok with it ❤️

@fccview fccview merged commit 06edf56 into fccview:develop Jun 2, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants