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

… rows

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@maebeale maebeale changed the title Dynamic facilitator border and inactive button graying HOLD: Dynamic facilitator border and inactive button graying Feb 28, 2026
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