Add inline percentage sliders to ongoing giving allocation cards#73
Merged
Conversation
Redesign the on-going giving allocation cards on the scenario edit page so a donor can adjust an allocation's percentage with an inline slider that auto-saves on release, with live %/$ and perpetuity figures, edit/delete icons, and a "No additional preferences" subtitle. - New `allocation-slider` Stimulus controller drives the card and modal sliders: live updates while dragging, auto-save on release for the card. - Custom slider styling (colored fill, light track, ringed thumb) lives in a dedicated allocation_slider.css stylesheet imported into application.css. - Wrap the allocations grid in a turbo frame so a slider save updates both the card and the summary in place. - Card and modal sliders share the allocation's summary color. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Redesigns the on-going giving allocation cards on the scenario edit page so a donor can adjust an allocation's percentage with an inline slider that updates the %/$ and perpetuity figures live and auto-saves on release. Each card now also shows edit/delete icons, a "No additional preferences" subtitle, and a colored slider matching its summary color, with the allocations grid wrapped in a turbo frame so a save updates both the card and the summary in place. A single
allocation-sliderStimulus controller drives both the card and modal sliders, and the custom slider styling (colored fill, light track, ringed thumb) lives in a dedicatedallocation_slider.cssstylesheet.🤖 Generated with Claude Code