Skip to content

HOLD: Dynamic facilitator border and inactive button graying#1267

Open
maebeale wants to merge 1 commit intomainfrom
maebeale/affiliation-status-ui
Open

HOLD: Dynamic facilitator border and inactive button graying#1267
maebeale wants to merge 1 commit intomainfrom
maebeale/affiliation-status-ui

Conversation

@maebeale
Copy link
Collaborator

What is the goal of this PR and why is this important?

  • The fuchsia left border on affiliation rows was static (only updated on save/reload). Now it updates dynamically as the user types in the title field.
  • Profile buttons (person/org) inside affiliation rows didn't reflect inactive state visually. Now they gray out when the row becomes inactive (end_date in past).

How did you approach the change?

  • Extended inactive_toggle_controller.js with an updateBorder() action that checks if the title contains "facilitator" and sets the border color accordingly
  • Added a grayOut() helper that swaps Tailwind color classes to gray equivalents on profile buttons when the row goes inactive
  • Original button classes are saved on connect() and restored when the row returns to active
  • Wired the title input to the controller via input->inactive-toggle#updateBorder in both person and org affiliation field partials

Anything else to add?

  • The color regex handles all Tailwind color names used in the app (sky, emerald, indigo, etc.)

🤖 Generated with Claude Code

@maebeale maebeale changed the title Dynamic facilitator border and inactive button graying HOLD: Dynamic facilitator border and inactive button graying Feb 28, 2026
… rows

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@maebeale maebeale force-pushed the maebeale/affiliation-status-ui branch from eb7a1bc to 91ede92 Compare March 1, 2026 21:39
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.

1 participant